DEV Community

Pablo Ferrari
Pablo Ferrari

Posted on • Updated on

Criando e configurando projeto Node.Js com TypeScript

Requisitos necessários

Para iniciarmos a criação de nosso projeto, precisaremos desses componentes instalados:

Preparando ambiente

Em algum lugar de sua preferência, crie uma pasta e a abra em seu editor de código. No terminal, navegue até a pasta e rode o comando:

$ yarn init -y
Enter fullscreen mode Exit fullscreen mode

Podemos observar que o arquivo packge.json foi criado na raiz de seu projeto, onde estão contidos dados como o nome de seu projeto, a versão, o arquivo principal, a licença e futuramente conterá as dependências.

Configurando o projeto

No terminal, baixe a dependência de desenvolvimento do TypeScript:

$ yarn add typescript -D
Enter fullscreen mode Exit fullscreen mode

Podemos observar que uma pasta chamada node_modules foi criada, ela é responsável por armazenar os módulos de dependências de seu projeto.

No terminal, inicie o TypeScript:

yarn tsc --init
Enter fullscreen mode Exit fullscreen mode

Podemos observar que o arquivo tsconfig.json foi criado na raiz do seu projeto, esse arquivo como próprio nome já diz, é responsável pelas configurações do TypeScript. Dentro do arquivo, altere a propriedade strict para true. O strict é uma propriedade do js que insere algumas checagens no código. Como faremos essas checagens com o ts, desabilitaremos o strict.
Na raiz de seu projeto, crie uma pasta chamada src com um arquivo server.ts dentro dela.

Baixando Express.js

O Express é um framework incrível e possui diversas características que facilitam o desenvolvimento de nossas aplicações. Dentre suas principais características, podemos citar:

  • Possui um sistema de rotas completo;
  • Possibilita o tratamento de exceções dentro da aplicação;
  • Permite a integração de vários sistemas de templates que facilitam a criação de páginas web para suas aplicações;
  • Gerencia diferentes requisições HTTP com seus mais diversos verbos;
  • Feito para a criação rápida de aplicações utilizando um conjunto pequeno de arquivos e pastas;

No terminal, baixe o Express e sua tipagem:

$ yarn add express
$ yarn add @types/express -D
Enter fullscreen mode Exit fullscreen mode

No arquivo server.ts, importe o Express:

const app = express()
Enter fullscreen mode Exit fullscreen mode

Inicialize o Express:

const app = express()
Enter fullscreen mode Exit fullscreen mode

Crie o servidor:

app.listen(3000, () => console.log('Server is running'))
Enter fullscreen mode Exit fullscreen mode

Biuld automático

O bild da sua aplicação irá converter seu código TypeScript para js, para que seu código seja interpretado pelo node.
No terminal, instale:

$ yarn add ts-node-dev -D
Enter fullscreen mode Exit fullscreen mode

No arquivo pakage.json crie o script:

"scripts": {
    "dev": "ts-node-dev src/server.ts"
},
Enter fullscreen mode Exit fullscreen mode

Salve todos os seus arquivos e no terminal rode o comando:

$ yarn dev
Enter fullscreen mode Exit fullscreen mode

Se no seu console foi retornado a mensagem: Server is running, parabéns ocorreu tudo certo!

Obrigado pela leitura! Feito com ❤️ by Pablo Ferrari

Top comments (1)

Collapse
 
urielsouza29 profile image
Uriel dos Santos Souza

Opa! Bom texto!
Coloca a tag #braziliandevs nas tags!
Vai ajudar muita gente!
:)