Materiais de… / ...
/ Configurando … Criado com o
Configurando o TypeScript
Passo 1: Configurar um Projeto [Link]
Antes de instalar o TypeScript, certifique-se de que você já tenha
um projeto [Link] configurado. Se ainda não o fez, siga estes
passos:
1. Crie uma pasta para o seu projeto:
Bash
mkdir meu-projeto-typescript
2. Entre na pasta do projeto:
Bash
cd meu-projeto-typescript
3. Inicialize um projeto [Link]. Isso criará um arquivo
[Link] para gerenciar as dependências do projeto:
Bash
npm init -y
Passo 2: Instalar o TypeScript Localmente
Agora que você tem um projeto [Link] configurado, pode instalar o
TypeScript nele como uma dependência de desenvolvimento:
Bash
// com NPM npm install -D typescript // com Yarn yarn add -D typescript
Isso instalará o TypeScript no seu projeto e adicionará uma
entrada no arquivo [Link] sob a seção devDependencies :
JSON
"devDependencies": { "typescript": "^5.2.2" }
Observe que a versão pode variar, dependendo da versão mais
recente disponível.
Passo 3: Configurar o TypeScript
Para configurar o TypeScript no seu projeto, você precisa criar um
arquivo [Link] . Este arquivo contém as opções de
configuração para o transpilador TypeScript. Você pode criá-lo
manualmente ou usar o comando tsc --init para gerar um arquivo de
configuração padrão:
Bash
// com NPM npx tsc --init // com Yarn yarn tsc --init
Depois de executar este comando, você terá um arquivo [Link]
na raiz do seu projeto.
Passo 4: Escrever Código TypeScript
Agora você está pronto para começar a escrever código TypeScript
no seu projeto. Você pode criar arquivos .ts para seus scripts
TypeScript. Por exemplo, crie um arquivo [Link] e adicione algum
código de exemplo:
TypeScript
// [Link] function sayHello(name: string) { [Link](`Hello,
${name}!`); } sayHello("John");
Passo 5: Transpilar Código TypeScript para JavaScript
O TypeScript precisa ser transpilado para JavaScript para que você
possa executá-lo no [Link]. Você pode fazer isso usando o comando
tsc . Ele usará as configurações do arquivo [Link] que você
criou anteriormente:
TypeScript
// com NPM npx tsc // com Yarn yarn tsc
Isso criará um arquivo [Link] na mesma pasta onde você tem seu
arquivo [Link] . Você pode executar este arquivo JavaScript usando
o [Link]:
Bash
node [Link]
Isso é tudo! Você agora tem o TypeScript instalado e configurado
em seu projeto [Link] e pode começar a escrever código TypeScript
com tipagem estática. Certifique-se de executar o comando tsc
sempre que fizer alterações nos arquivos TypeScript para
retranspilar seu código.