Criação e configuração de um projeto

Passo 1: Inicialize o projeto TypeScript

1- Crie uma pasta para o projeto e aceda-a pelo terminal:

mkdir introapp

cd introapp

2 – Inicialize o projeto npm:

npm init -y

3 – Instalar o Typescrit

npm i typescript --save-dev

4 – Crie o ficheiro de configuração do TypeScript:

npx tsc --init

Este comando gera o tsconfig.json para ajustar as configurações conforme as necessidades do seu projeto.

Passo 2: Estrutura Sugerida do Projeto

  • Diretório src/ para ficheiros .ts (código-fonte TypeScript)
  • Diretório dist/ ou build/ para ficheiros .js gerados (transpilados)
  • Ficheiro package.json para dependências e scripts
  • Ficheiro tsconfig.json para configurações do TypeScript

Estrutura básica:

introapp/
├── src/
│ └── index.ts
├── dist/
├── package.json
└── tsconfig.json

Passo 3: Compilar e Executar o Código

Crie um ficheiro src/index.ts com um exemplo:

console.log('Hello TypeScript');

Compile com:

npx tsc

O código JavaScript gerado estará em dist/ (ou build/), se configurado no tsconfig.json, e poderá ser executado com Node.js.

Executar a aplicação com :

node ./dist/index.js

Passo 4: Dicas de Ferramentas

  • Utilize extensões como ESLint e Prettier no VS Code para melhor produtividade e padronização de código.
  • Ajuste as opções outDir e rootDir no tsconfig.json para organizar saída e entrada dos ficheiros.

Assim, o ambiente estará pronto para desenvolver com TypeScript, seja para back-end (Node.js) ou front-end.