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