Pesquisa de site

sublimetext3 - Executar arquivo TypeScript no Sublime Text

Eu quero criar um arquivo TypeScript (com extensão .ts) no console do Sublime Text 3 e mostrar a saída no console da mesma forma que o Sublime faz com python. Como posso fazer isso sabendo que TypeScript é uma linguagem compilada? Uma linguagem compilada significa que ela compila o arquivo (.ts) e o converte primeiro para um arquivo JavaScript (.js) antes de executar o arquivo JavaScript.

Eu tentei instalar o plugin TypeScript pelo instalador de pacotes do Sublime, mas ele precisa de uma certa arquitetura para executar o arquivo, conforme explicado aqui. Além disso, esta pergunta não foi útil, pois mostra como compilar após salvar e não disse nada sobre executar um arquivo independente.

Resposta #1

Nesta resposta, estou assumindo que você já instalou o Node.js e o TypeScript na sua máquina local. Se não, você pode instalar o Node.js a partir daqui e, depois disso, pode executar o seguinte comando para instalar typescript e ts-node usando o gerenciador de pacotes do Node:

npm install -g typescript
npm install -g ts-node

Agora, você está pronto para seguir estes passos:

  • Abra o arquivo TypeScript -que você precisa executar- no Sublime Text 3.

  • Clique na aba Ferramentas, depois em Sistema de Construção, e então em Novo Sistema de Construção.

  • Um novo arquivo será aberto.. sobrescreva seu conteúdo com o seguinte objeto JSON. O parâmetro cmd usa ts-node com base na sugestão de @idleberg. E @OdatNurd sugeriu adicionar "selector": "source.ts" para que a compilação seja selecionada automaticamente para arquivos TypeScript, assim você não precisa selecioná-la manualmente.

{
    "shell": true,
    "cmd": ["ts-node", "$file"],
    "selector": "source.js"
}
  • Salve o arquivo com o nome ts.sublime-build.
  • Finalmente, construa o script usando ts como mostrado abaixo se não tiver sido selecionado automaticamente.

  • Agora, clique em ctrl + B para executar o script. E você deve ver a saída no console do Sublime Text.

Resposta #2

Abra o controle de pacotes -> digite ou selecione "Install Package" -> digite ou selecione "TypeScript" -> pressione enter

Ex -> para mac os: command+shift+p para abrir o controle de pacotes, depois digite ou escolha "Install Package", isso dará uma lista de pacotes para escolher, digite "TypeScript" e pressione enter.