Configurando o seu projeto Node + TS
- #TypeScript
- #Node.js
- #Express
Já travou seus estudos na hora de criar todo o ambiente de desenvolvimento do projeto node com typescript?
Se sim,esse artigo vai te ajudar muito,Vamos lá:
Crie uma pasta para o seu projeto!Feito isso e já estando dentro da pasta abra o seu terminal no vscode e digite o comando abaixo:
npm init -y
Esse comando acima gerará o arquivo package.json que contém as configurações padrões do seu projeto que mais tarde poderá editar se desejar.
Agora criaremos também o nosso arquivo de configuração do typescript,edite o comando abaixo no seu terminal:
tsc --init
Ok,Agora que esse arquivo de configuração do typescritpt está criado,vamos fazer algum alterações nele.Descomente três caras nesse arquivo: o moduleResolution,o rootDir e o outDir.
O rootDir recebe a pasta onde ficará nossos arquivos typescript
o outDir recebe a pasta onde ficará nossos arquivos javascripts gerados
Depois dessas alterações feitas nosso arquivo tsconfig.json ficará da seguinte forma os três campos:
"rootDir": "./src",
"moduleResolution": "node",
"outDir": "./dist",
Agora instalaremos uma biblioteca chamada ts-node que basicamente monitora todas as alterações feitas no seu código typescript e o transpila .Instalaremos também a biblioteca nodemon que monitora o js em tempo real ,digite o seguinte comando no terminal :
npm i -g ts-node nodemon
Agora criaremos um script para aplicação executar durante o nosso desenvolvimento,vá até o arquivo package.json e edite o seguinte script:
"scripts": {
"start-dev": "nodemon ./src/index.ts",
"test": "echo \"Error: no test specified\" && exit 1"
},
Assim,na hora de rodar sua aplicação rode o comando :
npm run start-dev
Agora criamos uma pasta chamada src que terá também um arquivo index.ts.
Como voçê vai usar o express nesse projeto precisará instalar também a biblioteca ,mas não baixará somente ela vai precisar baixar tambem os types do node e também do próprio express,vamos fazer isso em um só comando:
npm i express --save-dev @types/node @types/express
Agora sim,voçê pode começar a criar o seu servidor,rotas e tudo mais da sua aplicação :)
Para mais artigos diretos sobre linguagens de programação me siga e compartilhe com os colegas!!
Deixa a sua dúvida nos comentários
Me siga para mais dicas e tutoriais para iniciantes e intermediários😊
Dê seu feedback do artigo nos comentários😊
Compartilhe com amigos😊
Me siga no GitHub: https://github.com/diegodevelopertec
Me siga no Linkedin: https://www.linkedin.com/in/diego-dutra-b811b31aa/