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?

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.

Install CoffeeScript

Shift + Ctrl + P

En el menú Preferences -> Package Control.

Install CoffeeScript Menu

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:

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

"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.

[code lang=”plain”]
@echo off
"%ProgramFiles%/NodeJS/node.exe" "%ProgramFiles%/CoffeeScript/bin/coffee" %*
[/code]

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:

[code lang=”plain”]
console.log "Hello world!"
[/code]

El resultado en JavaScript es:

[code lang=”plain”]
// Generated by CoffeeScript 1.4.0
(function() {

console.log("Hello world!");

}).call(this);
[/code]

Recomendado