Sublime Text 3 – lo basico para empezar

Lista de plugins

Para el funcionamiento de Livereload

Instalar por package control

Ir a Preferences -> Package Settings ->LiveReload -> Settings default

Agregar la siguiente linea: “SimpleReloadPlugin”, “SimpleRefresh”

Instalar el plugin “Livereload” en chrome

En Chrome hacer click en el icono de Livereload cuando ingrese la ruta de tu proyecto y estrá conectado en vivo

Instalar ruby, hoy en día version 2.4.3 para la correcta instalación de sass

por consola ingresar al directorio de ruby “c:/ruby24/bin” y ejecutar el siguiente comando

gem install sass

Se instalará automáticamente, y cuando termine se podrá hacer uso de este plugin.

Crear en el directorio del proyecto el archivo style.scss y cuando lo guardes se generarán automáticamente los archivos style.css y style.css.map

Ir a Preferences -> Key Bindings – User

Agregar la siguiente linea de eventos para las teclas “ctrl+shift+h”

{ "keys": ["super+shift+h"], "command": "htmlprettify" }