Instrucciones de Instalación de TypeScript en Sublime Text 2
Transcripción
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!!