Cómo Configurar CoffeeScript y Sublime Text 2 en Windows

Para los que aun no saben, CoffeeScript es un lenguaje que compila a código JavaScript, este nos permite ahorrarnos mucho tiempo, crear un código mas limpio, rápido y optimizado. La sintaxis de CoffeeScript es inspirada por lenguajes como Python y Ruby para hacer que el código sea mas legible que el código creado con puro JavaScript. Coffee se utiliza mucho para proyectos tanto grandes como pequeños, especialmente para grandes proyectos ya que ayuda a ahorrarnos muchas líneas de código.

Requisitos

¿Qué debemos tener instalado para que todo salga según el plan?

• NodeJS (Para windows, Obvio).


• Descargar los ficheros de CoffeeScript desde Github.


• Sublime Text 2 para poder compilar los archivos .coffee a javascript.

Instalar el Package

Primero tendremos que instalar el package de CoffeeScript en Sublime Text 2. Si tenemos instalado el Package Control de Will Bond, lo hacemos presionando Shift + Ctrl + P y buscamos Install Package.

Shift + Ctrl + P

En el menú Preferences -> Package Control.

Menú

• Una vez instalado solo tenemos que ir al menú Preferences -> Browser Packages.


• Accedemos a la Carpeta CoffeeScript -> CoffeeScript.sublime-build.

Editamos el archivo y cambiamos el código del Build original por:

{
    "cmd": ["coffee.cmd", "-c", "$file"],
    "selector" : "source.coffee",
    "path" : "%ProgramFiles%/CoffeeScript/"
}

"path" es la ruta donde tenemos los archivos de CoffeeScript descargados desde el repositorio de Github. Los cuales debemos moverlos a una ruta por defecto para utilizarlos, en mi caso es "%ProgramFiles%/CoffeeScript/" que no es mas que C:\Program Files\CoffeeScript.

Ahora creamos un archivo llamado coffee.cmd el cual va en la raíz del directorio donde hemos copiado los archivos de CoffeeScript. Este contiene el path de la ruta donde está instalado NodeJS.

@echo off
"%ProgramFiles%/NodeJS/node.exe" "%ProgramFiles%/CoffeeScript/bin/coffee" %*

Ahora solo debemos hacer la prueba y crear un archivo .coffee con Sublime Text 2 y presionar Ctrl + B para compilar. Yo ya he realizado una simple prueba con el siguiente código de coffee:

console.log "Hello world!"

El resultado en JavaScript es:

// Generated by CoffeeScript 1.4.0
(function() {

  console.log("Hello world!");

}).call(this);

Cómo Configurar CoffeeScript y Sublime Text 2 en Windows es una publicación de Código Adicto.

via Código Adicto http://codigoadicto.com/configurar-coffeescript-sublime-text-2