Lista de plugins
- Livereload
- Emmet
- Sass
- Sass Build
- SublimeOnSaveBuild
- scss
- Syntax Highlighting for Sass – deprecated
- HTML-CSS-JS Prettify
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
Para el funcionamiento de SASS
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
Para el funcionamiento de HTML-CSS-JS-Prettify
Ir a Preferences -> Key Bindings – User
Agregar la siguiente linea de eventos para las teclas “ctrl+shift+h”
{ “keys”: [“super+shift+h”], “command”: “htmlprettify” }