Como (e porquê) você deve usar TypeScript com Node e Express.

Podemos usar autocompletar em classes que foram importadas de outros arquivos.

>

A dificuldade de manutenção é uma das principais razões pelas quais os desenvolvedores Java e C # evitam migrar grandes projetos para o JS. Podemos dizer que Typescript é uma linguagem corporativa que supera essa barreira.

Como configurar um projeto Express com Typescript

Vamos agora dar um passo-a-passo para criar um ambiente para usar a linguagem Typescript dentro de um Express.js project.

npm init

Vamos agora instalar o pacote typescript>

npm install typescript -s

Sobre o pacote do nó Typescript

Node.js é um motor que corre Javascript e não Typescript. O pacote do nó Typescript permite que você transponha seus arquivos .ts para .js scripts. Babel também pode ser usado para transportar Typescript, entretanto o padrão de mercado é usar o pacote oficial da Microsoft.

Dentro do nosso package.json vamos colocar um script chamado tsc:

"scripts": {
"tsc": "tsc"
},

Esta modificação nos permite chamar funções typescript a partir da linha de comando na pasta do projeto. Então podemos usar o seguinte comando:

npm run tsc -- --init

Este comando inicializa o projeto typescript criando o arquivo tsconfig.json. Dentro deste arquivo nós descomentaremos o arquivo outDiropção e escolheremos um local para os arquivos .js a serem entregues:

Installing express.js

npm install express -s

Express e Typescript os pacotes são independentes. A consequência disto é que o Typescript não “conhece” tipos de classes Express. Existe um pacote npm específico para o Typescript reconhecer os tipos Express.

npm install @types/express -s

Hello world

Para ter a aplicação mais simples possível, vou usar o exemplo do mundo do express.js tutorial:

https://expressjs.com/pt-br/starter/hello-world.html

Dentro do nosso projeto, vamos criar uma pasta chamada app. Dentro desta pasta vamos criar um arquivo chamado app.ts com o seguinte conteúdo:

Compilar nossa primeira aplicação:

npm run tsc

Como você pode ver, o comando criou automaticamente a pasta de compilação e o arquivo .js.

Executar o expresso:

node build/app.js

Com isso, já temos um servidor rodando na porta 3000:

>

>

Executar o typescript sem transpiling

É possível executar o typescript diretamente no nó com o pacote ts-node.

Este pacote é recomendado apenas para desenvolvimento. Para fazer o deploy final em produção, use sempre a versão javascript do seu projeto.

O ts-node já está incluído como uma dependência de outro pacote, tts-node-dev. Após a instalação,ts-node-dev podemos executar comandos que reiniciam o servidor sempre que um arquivo de projeto é alterado.

npm install ts-node-dev -s

Dentro do nosso packege.json vamos adicionar mais dois scripts:

"scripts": {
"tsc": "tsc",
"dev": "ts-node-dev --respawn --transpileOnly ./app/app.ts",
"prod": "tsc && node ./build/app.js"
},

Para iniciar o ambiente de desenvolvimento:

npm run dev

Para executar o servidor em modo de produção:

npm run prod

O projeto final pode ser encontrado no repositório github:

Subscrever para Decoded, nosso canal oficial do YouTube!

Deixe uma resposta

O seu endereço de email não será publicado.