Instrucciones de Instalación de TypeScript en Sublime Text 2

Instrucciones de Instalación de TypeScript en Sublime Text 2

Instrucciones de Instalación de TypeScript en
Sublime Text 2
1) Instalar nodejs en nuestro equipo desde: http://nodejs.org
2) Acceder desde Símbolo de Sistema (consola de MS-DOS) a la carpeta de instalación,
normalmente: c:\Program Files\nodejs
3) Escribir el comando:
npm install -g typescript
Que nos lanzará la instalación y nos mostrará un resultado parecido a este:
c:\Program Files\nodejs>npm install -g typescript
npm http GET https://registry.npmjs.org/typescript
npm http 304 https://registry.npmjs.org/typescript
C:\Users\trainer\AppData\Roaming\npm\tsc ->
C:\Users\trainer\AppData\Roaming\npm\node_modules\typescript\bin\tsc
[email protected] C:\Users\trainer\AppData\Roaming\npm\node_modules\typescript
2)Añadir al Path de Windows la carpeta de la instalación de TypeScript (normalmente la ruta de
la instalación variará solamente en la primera parte relativa al usuario):
C:\Users\trainer\AppData\Roaming\npm\node_modules\typescript\bin\
3) Abrir Sublime Text 2 e instalar Package Control mediante los siguientes pasos:
3.1 View > Show Console
3.2 Pegar en la consola el siguiente código que viene de la web de Package Control
(https://sublime.wbond.net/installation)
import urllib2,os; pf='Package Control.sublime-package'; ipp =
sublime.installed_packages_path(); os.makedirs( ipp ) if not
os.path.exists(ipp) else None; urllib2.install_opener( urllib2.build_opener(
urllib2.ProxyHandler( ))); open( os.path.join( ipp, pf), 'wb' ).write(
urllib2.urlopen( 'http://sublime.wbond.net/' +pf.replace( ' ','%20' )).read());
print( 'Please restart Sublime Text to finish installation')
3.3. Pulsar intro
3.4. Nos debería indicar que hay que reiniciar Sublime Text 2 para finalizar la
instalación. Reiniciar.
3.5. Una vez reiniciado ir a Preferences > Package Control y pulsar "Package Control:
Install Package"
3.6. Escribir en la parte superior del listado de packages que nos aparece: TypeScript
3.7. Pulsar sobre el denominado TypeScript (TypeScript language support for Sublime
Text) para instalarlo
3.8. En la parte inferior derecha de la pantalla ya podríamos cambiar de Plain Text a
TypeScript y dispondríamos del coloreado de syntaxis en el editor.
4) Crear un Build System para poder compilar desde Sublime Text 2 los ficheros .ts en ficheros
.js, para ello:
4.1 Ir a Tools > Build System > New Build System...
4.2 Borrar el contenido que nos ofrece y poner en su lugar:
{
"cmd": ["tsc","$file"],
"file_regex":
"(.*\\.ts?)\\s\\(([0-9]+)\\,([0-9]+)\\)\\:\\s(...*?)$",
"selector": "source.ts",
"windows": {
"cmd": ["tsc.cmd", "$file"]
}
}
4.3 Guardar (Ctrl+S) y darle el nombre TypeScript.sublime-build
4.4 Comprobar que se ha guardado acudiendo a Tools > Build System > TypeScript
5) Con esto deberíamos tener preparado ya el Build System, para probarlo:
5.1 Crear un nuevo archivo en Sublime Text 2
5.2 Escribir el siguiente código en su interior:
class Prueba
{
private test:string;
}
var p:Prueba = new Prueba();
p.test = 'esto es un test';
5.3 Guardar el fichero como prueba.ts
5.4 Pulsar la combinación Ctrl+B para lanzar el Build
5.5 En la consola inferior del build nos debería indicar que hay un error de TypeScript
6) ¡¡Listo!!