Como executar o TypeScript no código VS

““Vs código" apoia "Código do Visual Studio”, Que é gratuito e um editor de código de código aberto usado pelos desenvolvedores para executar o código em diferentes linguagens de programação, incluindo“TypeScript”. Para executar o código TypeScript no código VS, é obrigatório instalar o compilador TypeScript “tsc”Isso vai transpilar o“.ts”Arquivo para o JavaScript“.JS" arquivo.

Este tutorial discutirá o procedimento para executar o datilografado no código VS.

Como executar o TypeScript no código VS?

Para executar o TypeScript no código VS ou em qualquer outro IDE, primeiro, você deve instalar um “nó.JS”No seu sistema. Execute o seguinte comando no prompt de comando para instalar o TypeScript:

NPM Install -g TypeScript

Depois disso, você pode executar facilmente o digital do código VS usando o terminal VS. Abra o terminal usando o “Ctrl+Shift+'”E siga as etapas dadas:

• Transpilar o arquivo TypeScript para o arquivo JavaScript.
• Executar o arquivo JavaScript.

Etapa 1: Transpilar o arquivo TypeScript para o arquivo JavaScript

Para transpilar o texto datilografado para o JavaScript, use o comando abaixo:

nome do arquivo TSC.ts

Etapa 2: Execute o arquivo JavaScript

Para executar o arquivo JavaScript de transpilação, use o comando abaixo:

NODE NODE NOME.JS

A abordagem acima ajuda a executar o TypeScript em qualquer IDE, se você executar especificamente o TypeScript no código VS, basta seguir as etapas fornecidas:

• Instale extensões no código VS
• Crie um arquivo de código TypeScript
• Transpilar código TypeScript
• Execute o arquivo JavaScript

Etapa 1: Instale extensões no código VS

Primeiro, instale as extensões no código VS do “ExtensõesPainel no código VS. Para fazer isso, clique no ícone de extensões ou pressione “Ctrl+Shift+X”Na barra lateral esquerda:

Digite o "nó"Na barra de pesquisa, clique na extensão"Nó Essentials"E pressione o"instalar" botão. Ele instalará todas as extensões essenciais para o desenvolvimento de nós:

Depois de instalar a extensão essencial do nó, instale a extensão do TypeScript que contém o “Compilador TypeScript 'tsc'”Para transpilar o“.ts" arquivo. Para isso, pesquise o “TypeScript”Em uma barra de pesquisa, clique em“JavaScript e Typatript Nightly"E pressione o"instalar" botão:

Etapa 2: Crie arquivo de código TypeScript

Crie um arquivo com a extensão “.ts”Que contém o código TypeScript. Aqui, criaremos um arquivo de texto datilografado como “arquivo.ts”:

Adicione o seguinte código no “arquivo.ts" arquivo:

Deixe as boas -vindas: String = "Bem -vindo ao Linuxhint";
console.log (bem -vindo);

Etapa 3: Código TypeScript de Transpile

Agora, abra o terminal VS usando “Ctrl+Shift+'”E insira o seguinte comando para transpilar o código TypeScript para o arquivo JavaScript:

arquivo TSC.ts

Depois de compilar, o “.JS”O arquivo é criado:

Etapa 5: Execute o arquivo JavaScript

Agora, execute o arquivo JavaScript usando “Node.JS ”com o comando dado:

arquivo do nó.JS

Saída

Se você deseja mostrar a saída na página da web, você precisa vincular seu “.JS”Arquivo com o documento HTML usando o“src”Atributo da tag:

Isso é tudo sobre executar o TypeScript em vs código.

Conclusão

Para executar o código TypeScript no código VS, primeiro, você deve instalar “Node.JS "e" TypeScript "em seu sistema ou no código VS IDE. Então, use o “tsc”Comando para transpilar o arquivo TypeScript para um arquivo JavaScript. Por fim, execute o arquivo JavaScript no código VS usando o “nó”Comando. Este tutorial discutiu o procedimento para executar o digital do código VS.