Como iniciar uma aplicação Typescript

Salve Pessoal! Tudo certinho? Nesse artigo vou te dar o passo a passo de como iniciar uma aplicação Typescript de forma prática! Segue o fio...

Com o node já instalado no computador abra o seu terminal em uma pasta de sua preferência para criar o projeto. Vamos iniciar a nossa aplicação utilizando o gerenciador de pacotes NPM, com o terminal aberto digite o seguinte comando:

npm init

Depois que o comando for executado você pode configurar o seu package.json preenchendo as opções que aparecem no terminal:

package name: (startapp)
version: (1.0.0)
description: descrição da sua aplicação
entry point: (index.js) arquivo padrão que será utilizado para execução do projeto
test command: script para testar sua aplicação
git repository: link para o seu repositório git
keywords: palavras-chave para ajudar as pessoas a encontrarem o seu projeto
author: autor do projeto

Is this OK? (yes) yes

Depois de colocar as informações no terminal basta digitar yes para que o nosso package.json seja gerado! Ao observar o arquivo podemos ver que todas as informações fornecidas foram transformadas em scripts, agora vamos adicionar algumas dependências ao nosso projeto começando pelo Typescript.

Digite no seu terminal o seguinte comando:

npm install --save-dev typescript

Inicie a configuração do TypeScript, digitando:

npx tsc --init

Observe que um novo arquivo chamado tsconfig.json foi gerado,de acordo com a própria documentação do Typescript "O arquivo tsconfig.json especifica os arquivos raiz e as configurações de compilação necessárias para o projeto" é muito importante que você configure de forma correta de acordo com a sua necessidade!

Crie um arquivo index.ts na raiz do seu projeto com o código da sua aplicação.

console.log("Olá, mundo! Testando o novo projeto");

Baixe a dependência ts-node-dev, que é responsável por compilar o código Typescript em Javascript e interpretar esses arquivos,digitando:

npm install ts-node-dev --dev

Volte ao arquivo package.json e adicione o seguinte script que deve apontar para o arquivo de inicialização do código:

"scripts": { "test": "comando de teste", "dev": "ts-node-dev --respawn index.ts" }

Utilizando a flag --respawn não precisamos compilar o código a cada modificação. Para executar o comando basta digitar no seu terminal:

npm run dev

Caso tudo tenha dado certo o seguinte texto deve aparecer no terminal.... Olá, mundo! Testando o novo projeto

Por hoje é isso! Caso tenha ficado com alguma dúvida basta me chamar no linkedin ou me mandar um e-mail, belezinha?

Um forte abraço e até o próximo artigo!!💙💚😎