Como configurar um projeto TypeScript + Node.js

Este guia muito curto orientará você na configuração do TypeScript com novos (ou existentes!) projetos Node.js.

Pré-requisitos:

• Você deve estar um pouco familiarizado com Node e JavaScript
• Você deve ter um editor de código instalado (de preferência VSCode)
• Este guia pressupõe que você esteja no Linux, MacOS ou outro sistema operacional semelhante ao UNIX.
• Este guia também pressupõe que você esteja usando o npm como seu gerenciador de pacotes (sinta-se à vontade para usar yarn, pnpm ou seu gerenciador de pacotes preferido)

• Isso mostrará como começar rapidamente com o TypeScript
• Este guia também mostrará como usar pacotes populares como o nodemon para dar suporte ao recarregamento dinâmico de seus aplicativos

• TypeScript é um superconjunto de JavaScript que nos fornece tipagem estática opcional. Foi construído pela Microsoft e é sem dúvida a única coisa boa que eles lançaram desde o VS Code (brincadeirinha )
• Ele serve como documentação e reduz a sobrecarga de integração e, portanto, melhora a experiência do desenvolvedor
• Nos permite identificar bugs/problemas rapidamente, aumentando assim a qualidade geral do software
• Leia o manual do TypeScript para mais detalhes

1. Crie um diretório e vá para a pasta recém-criada

mkdir typescript-example
cd typescript-example

npm init -y

npm install typescript --save-dev

npm install @types/node --save-dev

5. Crie seu tsconfig.json

npx tsc --init

6. Compile seu código usando o comando tsc usando o Node package executor (npx) .

npx tsc

Melhorando sua experiência de desenvolvedor local

1. Hot reloading — isso irá melhorar muito o seu dev ex, pois permitirá que seu aplicativo seja hot reload em mudanças ao vivo. Podemos configurar isso via Nodemon em nossos aplicativos Node.js.

npm install --save-dev ts-node nodemon

O acima deve ser suficiente para configurar rapidamente um projeto TypeScript + Node localmente. Você pode aprimorar isso ainda mais:

• Use um linter: use algo como ESLint . Esta é uma ferramenta de análise de código estático que nos permite definir um padrão em nosso código. Podemos usar isso para impor padrões e padrões de codificação para nossa base de código.
• Introduzir ferramentas de exclusão profunda: Rimraf para remover arquivos indesejados antes de enviar para produção
• Adicione um bundler de módulo estático: use webpack (ou turbopack). Isso provavelmente será um exagero para um projeto pequeno — mas à medida que seu aplicativo for dimensionado, você precisará de um mecanismo para gerenciar todos os seus JS/TS .
• Automação — como você pode automatizar o que foi dito acima para o seu negócio?