Criando projeto com TypeScrit
Vítor Oliveira
Posted on August 18, 2021
Para começar, vamos falar um pouquinho sobre TypeScript. O TypeScript é uma linguagem open-source da Microsoft, que traz um conjunto de muitas melhorias do JavaScript, ambas podem trabalhar juntas trazendo benefícios durante o desenvolvimento como tipagem(estática) de parâmetros, impedindo que sofram alteração no tipo do seu valor ao longo do desenvolvimento.
Documentação do TypeScript
Agora sim vamos começar a criação do projeto seguindo um passo a passo bem simples.
Caso você já tenha criado e só falta essa parte do TypeScript, pula pra parte 4 ou 5 — dependendo da sua situação e manda bala que vai dar certo.
Escolha o local onde vai ficar sua API e crie uma pasta, feito isso, acesse a pasta pelo seu terminal e execute o comando abaixo:
1- yarn init -y
⇒ Vai criar o arquivo packege.json
2- yarn add express
⇒ Serve para criarmos nossas rotas
3- yarn add @types/express -D
⇒ Evitando casualidade na hora de acessar diferentes tipos de rota, instalando todos os tipos do Express
4- yarn add typescript -D
⇒ Adiciona TypeScript como dependência de projeto.
5- yarn tsc --init
⇒ Cria o arquivo tsconfig.json
6- yarn add ts-node-dev -D
⇒ Responsável pelo funcionamento e conversão do arquivo TS. Depois de executar o comando, precisamos adicionar um script dentro de packege.json como no exemplo abaixo:
//Pode ficar entre license
"scripts": {
"dev": "ts-node-dev src/server.ts"
},
//e dependencies
Existem outras flags que podem ser adicionadas no script dev, que auxiliam em diferentes níveis no desenvolvimento da aplicação.
Flag é um parâmetro no comando que tem -- antes.
Vou deixar abaixo como utilizo no meu aprendizado e uma descrição de cada uma delas.
"scripts": {
"dev": "ts-node-dev --inspect --transpile-only --ignore-watch node_modules --respawn src/server.ts"
},
Descrição das Flags
-
ts-node-dev
outsnd
⇒ Como já falamos, é para o funcionamento da aplicação e conversão dos arquivos TS. -
--inspect
⇒ Habilita a utilização do debug dentro da aplicação, e para configurar essa parte tem um outro post que fala sobre isso. -
--transpile-only
⇒ Desabilita a verificação de erros na aplicação, afinal de contas, o próprio VS Code e o ESLint já fazem isso. -
--ignore-watch node_modules
⇒ Não observa alterações dentro da pasta node_modules. Então acaba ajudando a diminuir a lentidão no restart da aplicação. -
--respawn
⇒ Da um reload na aplicação quando houver alterações no código.
Outra observação, agora com relação a forma como eu estudo. É sobre desabilitar uma linha dentro de tsconfig.json que verifica alguns erros dentro da aplicação como declaração de variável. Pra isso basta procurar por "strict": "true" e comentar a linha.
—————————————————
📌Para dúvidas ou sugestões:
Deixe seu comentário ou entre em contato.
Posted on August 18, 2021
Join Our Newsletter. No Spam, Only the good stuff.
Sign up to receive the latest update from our blog.