martes, 16 de octubre de 2018

Plugins imprescindibles para Sublime 3

Mis plugins favoritos para crear el espacio de trabajo mas comodo y productivo!

1. Auto Filename
Te despliega un menu emergente cuando estas rellenando una ruta en un campo tipo href, src... sugeriendote los archivos disponibles en el disco duro!

2. Emmet.
Shortcast que te permiten rapidamente escribir estructuras en HTML.
Hay que aprenderse la sintaxis, aunque solo aprenderse ya 4 cosillas ya vale la pena!

3. ColorPicker
Te aparecera una useful paleta de colores al pulsar ctrl+alt+c

4. Alignment
Te alinea las variables y sus asignaciones al golpe de tecla, quedando mucho mas limpio todo
selecionar las lineas y ctrl+alt+a

5. BracketHighlighter
Ayuda muchisimo a saber los "bloques" cuando estamos trabajando con grandes chunk de datos entre parentisis, corchetes, curlibraces, incluso strings. Una simple ayuda visual ;)

6. SideBarEnhancements
Añade muchisimas funciones al menu emergente de la ventana de explorador de archivos, permitiendo entre muchisimas otras cosas operaciones copiar y pegar entre las carpetas de tu projecto.

7. Color Highlight
Cuando escribes colores en diferentes formatos ya sea RGB, u otros formatos, te los sobrea con el color que estas escribiendo.

8. SublimeLinter-jshint
Posiblemente el mas importante de todos! Te marca los errores de sintaxis que tengas en JS!
Por defecto no soporta ES6, y es un poco coñado de configurar tras la instalaccion.

A. Instalamos primero package sublimelinter, y despues sublimelinter-jshint
B.  npm -g install jshint
C. seguimos los pasos ahi para quitar las alertas de codigo ES6
https://github.com/SublimeLinter/SublimeLinter-jshint/issues/117
basicamente, es crear el archivo .jshintrc y anidar dicho archivo en settings.user de sublimelinter
y ya siempre nos quitara los errores de ES6

No hay comentarios:

Publicar un comentario