image

Acesse bootcamps ilimitados e +650 cursos pra sempre

60
%OFF
Article image
Diego Morais
Diego Morais03/07/2022 01:30
Compartilhe

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/

Compartilhe
Comentários (2)
Diego Morais
Diego Morais - 03/07/2022 13:57

Olá Vinicius,tsc é um comando do typescript,digite o comando de instalação do typescript :

npm install typescript ou npm install -g typescript

à partir de agora os comandos tsc poderão ser reconhecidos!

Bons estudos e obrigado pela sua dúvida! :)

Vinicius Serra
Vinicius Serra - 03/07/2022 12:45

Boa tarde! meu vsCode da erro no segundo comando


"PS C:\Estudos\Dio\BootcampSantander\type-script\pratica ts> tsc --init

tsc : O termo 'tsc' não é reconhecido como nome de cmdlet, função, arquivo de script ou programa operável. Verifique a grafia do nome ou, se um caminho 

tiver sido incluído, veja se o caminho está correto e tente novamente.

No linha:1 caractere:1

+ tsc --init

+ ~~~

  + CategoryInfo     : ObjectNotFound: (tsc:String) [], CommandNotFoundException

  + FullyQualifiedErrorId : CommandNotFoundException""