martes, 18 de octubre de 2016

TypeScript (1)

Parece ser que JavaScript es un lenguaje donde meter la pata es muy sencillo. Así que muchos han optado por utilizar un lenguaje intermedio menos propenso a errores.

En Angular 2 han optado por TypeScript y Dart. Yo como buen "borrego informático" voy a seguir al rebaño del pastor llamado TypeScript.

Pero para mi sorpresa, hay que instalar previamente el instalador npm. Algunos recomiendan instalar Node.js y con ello se consigue instalar tambien "npm".

Instalar Nodejs

En Ubuntu, he seguido las instrucciones de nodej.org y he tecleado las siguientes instrucciones:

curl -sL https://deb.nodesource.com/setup_6.x | sudo -E bash -
sudo apt-get install -y nodejs 

sudo apt-get install -y build-essential



    Instalar TypeScript

    Ahora, ya sigo las instrucciones de TypeScript.org

    npm install -g typescript
    Y parece ser que se instala. Pero nos hace falta un buen editor. Yo he elegido Sublime Text


    Instalar Sublime Text


    Para ello he seguido las instrucciones en este enlace

    sudo add-apt-repository ppa:webupd8team/sublime-text-3
    sudo apt-get update
    sudo apt-get install sublime-text-installer


    Una vez instalado necesito instalar el conector (plugin) de typescript y para ello he seguido las instrucccones de este enlace de cmatskas . Pero como trabajo en Ubuntu, hay que retocar un poco el proceso y tener al lado las instruccione oficiales del plugin.

    Pero las instrucciones de cmatskas referente al compilado a javscript haciendo control+B no funcionan, para ello hay que seguir los pasos de Sivaprabu Ganesan y hacer

    Tools > Build System > New Build System... y guardar el siguiente código en MyTypeScriptBuild.sublime-build

    Después hacer
    Tools>Build System >MyTypeScriptBuild

    Y si hacemos control+ B ya crea el javascript.

    Ejecutar el código Javascript generado


    Pero si queremos ejecutar el javascript generado nos vamos a la consola de unix y nos situamos en la carpeta donde están los fichero "*.js" y tecleamos 
    node fichero.js  
    donde fichero.js es nuestro fichero js generado y podemos ver el resultado.

    Hay otra manera de hacerlo con Sublime Text que se indica en el siguiente enlace de Caleb Grove que no tiene desperdicio. Pero hay que conocer un poco el Sublime Text.