Cuando estamos iniciando en el desarrollo con JavaScript uno de los flujos de trabajos menos óptimos para no decir los mas fastidiosos, son tener que escribir el código en nuestro editor de código favorito y tener que ir a la consola del explorador a probarlo.

Para resolver este problema existen muchos camino, el que yo propongo aquí es el que mas se adapto a mis necesidades y espero que pueda ayudar en las suyas, para todos esos que usan Sublime Text y mantiene este flujo de trabajo de crear código en sublime y luego pasarlo a un explorador y depurar en la consola del explorador doy este pequeño pero para mi poderoso tip.

Inicialmente debemos tener instalado Sublime Text, es muy sencillo de instalar y en su sitio web existe mucha documentación al respecto, y lo segundo que tendremos que tener instalado es Node.js,

Si aun no tienes instalado Node.js acá te dejo la documentación oficial donde encontrás la guiá de como instalarlo en cualquier sistema operativo que uses, Manual de Instalación

Configurando Sublime

Luego de tener Sublime Text y Node.js instalados y funcionando, vamos a proceder a hacer una pequeña configuración en sublime Text, para esto debemos ingresar en “Tools > Build System > New Build System”, se abrirá un documento nuevo con el siguiente contenido:

{
    "cmd": ["make"]
}

Este contenido debe ser sustituido por el siguiente:

{
"cmd": ["node", "$file"],
"selector": "source.js"
}

Hecho esto procedemos a guardar el archivo en la ruta sugerida por Sublime Text, para poder probar que esta funcionando solo debemos crear un nuevo archivo JS con el código JavaScript que deseen, recomiendo solo a modo de prueba el siguiente:

console.log("JavaScript funcionando desde Sublime Text")

Guardan el archivo nuevo con el nombre que deseen en mi caso “prueba.js” y para poder ejecutarlo deben ir a “Tools > Build” o ejecutando la siguiente combinación de teclas “Control + B”.

Recomendaciones

Para los que se están iniciando en el mundo de JavaScript los recomiendo leer un poco sobre Node.js y lo potente que puede llegar a ser, ya que en este post no se aprecia la potencia de este.

Instalar Snippets y verificadores de código para Sublime Text, para aumentar su productividad y saber donde puedan tener posibles errores.