Livros
TypeScript
Capítulo 1. Introdução ao Programação
Iniciando um novo projeto

TypeScript:
Iniciando um novo projeto

Como Fazer:

Vamos montar um projeto TypeScript básico. Primeiro, certifique-se de ter o Node.js e o npm instalados. Depois, instale o TypeScript globalmente:

npm install -g typescript

Agora, crie um diretório para o seu projeto e inicialize o npm:

mkdir meu-projeto-ts
cd meu-projeto-ts
npm init -y

Adicione um arquivo tsconfig.json para configurar o TypeScript:

tsc --init

Seu tsconfig.json básico será assim:

{
  "compilerOptions": {
    "target": "es2016",
    "module": "commonjs",
    "outDir": "./dist",
    "strict": true,
    "esModuleInterop": true
  },
  "include": ["src/**/*"]
}

Crie um arquivo de exemplo TypeScript src/index.ts:

function saudar(nome: string): string {
  return `Olá, ${nome}!`
}

console.log(saudar('mundo'));

Compile seu código TypeScript para JavaScript:

tsc

Você terá o arquivo dist/index.js gerado que pode ser executado com Node.js:

node dist/index.js

Saída esperada:

Olá, mundo!

Aprofundando:

TypeScript foi criado pela Microsoft, lançado pela primeira vez em 2012. Oferece tipagem estática opcional para JavaScript, o que significa que você pode capturar muitos erros em tempo de compilação antes que seu código vá para produção.

Alternativas para o TypeScript incluem Flow do Facebook, mas TypeScript tem se destacado pela vasta adoção e suporte integrado em muitos editores de texto como o Visual Studio Code.

Quando você inicializa um projeto TypeScript com tsc --init, está criando um arquivo tsconfig.json. Esse arquivo controla como o compilador TypeScript funciona. Por exemplo, target define a versão ECMAScript para a saída do JavaScript, e strict ativa todas as opções estritas de checagem de tipo.

Você pode personalizar seu tsconfig.json para adequar-se ao seu projeto, definindo resolução de módulos, adicionando aliases para importações, entre outras otimizações.

Veja Também: