Codificando em Typescript no Sublime Text 2

A seguir, mostrarei como compilar arquivos .ts e ter o IntelliSense disponível em seu Sublime.

Instalando o Node.js:

Entre no site oficial do Node.js e o instale. Após a instalação, rode a seguinte linha no terminal para instalar o Typescript: 

sudo npm install -g typescript

Plugin do Typescript para Sublime Text 2:

Agora, devemos instalar um plugin para o Sublime que faz o highlight e autocomplete. Utilizaremos o sublime-typescript para instalar.

Aqui, faça simplesmente um git clone dentro da pasta packages do Sublime:

git clone https://github.com/raph-amiard/sublime-typescript. 

Em seguida, vá ao arquivo typescript.sublime-settings e adicione a seguinte linha : “node_path”:”/my/path/to/node/node”, onde “/my/path/to/node/node” é o caminho para o seu arquivo node.

Instalando o Package Manager:

Faça o download do Package Manager e coloque-o dentro da pasta /Packages/User/ do Sublime.

Criando o Builder de Typescript:

Vá em Tools – Build System – New Build System, e adicione as seguintes linhas ao novo arquivo, com o seguinte nome: 

typescript.sublime-build

Ele deve ser salvo na pasta /Packages/User/ do Sublime Text.
Aqui, segue o código para ser copiado tanto para OSX, quanto para Windows.

OSX:

{
 “cmd”: [“tsc”,”$file”],
 “file_regex”: “^(.+?) \\((\\d+),(\\d+)\\)(: .+)$”,
 “line_regex”: “\\((\\d+),(\\d+)\\)”,
 “selector”: “source.ts”,
 “osx”: {
 “path”: “/usr/local/bin:/opt/local/bin”
 }
}

Windows:

{
 “cmd”: [“tsc”,”$file”],
 “file_regex”: “(.*\\.ts?)\\s\\(([0-9]+)\\,([0-9]+)\\)\\:\\s(…*?)$”,
 “selector”: “source.ts”,
 
 “windows”: 
 {
 “cmd”: [“tsc.cmd”, “$file”]
 }
}

Pronto após fazer isso o seu sublime está configurado. Happy coding!