Sublime Text 3 – lo basico para empezar

Lista de plugins

  1. Livereload
  2. Emmet
  3. Sass
  4. Sass Build
  5. SublimeOnSaveBuild
  6. scss
  7. Syntax Highlighting for Sass – deprecated
  8. 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" }