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/oubuild/para ficheiros.jsgerados (transpilados) - Ficheiro
package.jsonpara dependências e scripts - Ficheiro
tsconfig.jsonpara 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
outDirerootDirnotsconfig.jsonpara 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.
