Criando um projeto em TypeScript

image

1. Inicializar um projeto NodeJS

npm init -y

1. Criar um arquivo index.ts

2. Adicionar um trecho de código

const nome: string = "Paulo Salvatore 2";
console.log(nome);

1. Instalar o TypeScript como DevDependency

npm i -D typescript

1. Inicializar um projeto TypeScript, criando o arquivo tsconfig.json

npx tsc --init

1. Transpilar os arquivos .TS para arquivos .JS

npx tsc

1. Executar o arquivo .JS que foi gerado

node index.js

Rodando diretamente o arquivo .TS

• Se quiser rodar diretamente o arquivo .TS sem transpilar

npx ts-node index.ts

Scripts para facilitar a utilização do compilador do TypeScript (TypeScript Compiler - TSC) e do TS-Node

  "scripts": {
    "start": "node dist/index.js",
    "dev": "npx ts-node src/index.ts",
    "build": "rimraf dist && npx tsc",
    "build-and-run": "npm run build && npm start"
  },

Bônus: pasta dist pasta src

• Arquivos .JS são gerados geralmente na pasta "dist/"

  • Para fazer isso, basta alterar a propriedade "outDir" do tsconfig.json para "./dist"

• Arquivos .TS geralmente ficam dentro da pasta "src/"

  • O compilador do TypeScript (TSC) identifica automaticamente todos os arquivos .ts e monta a estrutura da pasta outDir também de forma automática