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
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
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
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
No arquivo server.ts, importe o Express:
const app = express()
Inicialize o Express:
const app = express()
Crie o servidor:
app.listen(3000, () => console.log('Server is running'))
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
No arquivo pakage.json crie o script:
"scripts": {
"dev": "ts-node-dev src/server.ts"
},
Salve todos os seus arquivos e no terminal rode o comando:
$ yarn dev
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)
Opa! Bom texto!
Coloca a tag #braziliandevs nas tags!
Vai ajudar muita gente!
:)