Paquetes de Sublime Text para acelerar tu trabajo

Sublime Text es uno de los editores de código más rápidos que ha surgido en los últimos años. Cuenta con una gran comunidad  que produce muchos paquetes (o plugins) para acelerar el desarrollo de nuestros proyectos. Soporta las plataformas de OS X, Linux y Windows.

Si aún no estás utilizando Sublime Text puedes encontrar más información y descargar la versión 2 aquí o la versión 3 (beta) aquí. El día de hoy veremos algunos tips y paquetes que te pueden ser de mucha utilidad:

(Actualizado el 18 de junio de 2015)

Atajos de teclado

Todas las combinaciones de teclado que vienen por defecto con Sublime se encuentran en el menú Preferences -> Key Binding – Default

Captura de pantalla 2014-03-17 a la(s) 16.06.28

Para editar o agregar algún atajo tendremos que ubicar y copiar la parte de código que queremos personalizar desde el archivo “Key Bindings – Default” y luego pegarla en el archivo “Key Bindings – User”, del mismo menú. Por ejemplo si quisiéramos agregar este atajo “ctrl+alt+c” para poder  comentar bloques de código con nuestro teclado tendríamos que poner las siguientes líneas (en “Key Bindings – User”):

{ "keys": ["ctrl+/"], "command": "toggle_comment", "args": { "block": false } },
{ "keys": ["ctrl+shift+c"], "command": "toggle_comment", "args": { "block": true } },

Otra de las funciones ocultas y que ahorra tiempo es el de copiar una línea de código. No necesitamos seleccionar toda la línea, simplemente ubicar el cursor en cualquier parte de ésta y pulsar “ctrl+c”.

Paquetes

Para poder instalar paquetes necesitas instalar el “Package control”, sólo tienes que copiar un bloque de código en la consola de Sublime (menú View -> Show console). Entra a este link para las instrucciones.

Una vez que ya tengas el Package Control, puedes ir al menú Preferences -> Package Control -> Install Package o usar el atajo “ctrl+shift+p” para empezar a buscar cualquiera los paquetes que listo abajo.

Captura de pantalla 2014-03-17 a la(s) 16.41.46

SideBarEnhancements

Agrega mejoras  a los archivos y carpetas de la barra lateral, opciones muy usadas como “Abrir con…”, “Buscar en proyecto”, “Renombrar”, “Abrir en explorador”, etc

Captura de pantalla 2014-03-17 a la(s) 16.09.06

BracketHighligter

Bracket Highlighter resalta una variedad de llaves y etiquetas como: [], (), {}, "", '', <tag></tag>, para identificar el inicio y fin de líneas de código de forma más rápida.

Emmet

Emmet te permite escribir grandes bloques de código en HTML a la velocidad de la luz, todo lo que tienes que usar son los ya conocidos selectores CSS.

GitGutter

Este paquete muestra un icono en el área izquierda de la ventana de sublime, indicando si una linea de código ha sido insertada, modificada o borrada.

HTMLBeautify

Da formato (indentación) a código HTML haciendo que sea más fácil de leer.

JsFormat

Este es también un paquete para dar formato a código en Javascript.

Sublimerge Pro

Busca diferencias entre dos archivos, resaltando los cambios y líneas con colores y de manera muy intuitiva. Para usarlo tendrás que usar “ctrl+alt+d”.

 

SetUI Icons Sublime

Estos iconos fueron inspirados en el tema set-ui de Atom y ahora se puede usar con Sublime text y cualquier tema que nos guste funciona mejor con los temas oscuros como Theme Soda). Puedes ver las instrucciones para instalar en su repositorio

 

HaoGist

Este plugin es particularmente útil si es que buscas subir archivos de código para compartir de manera pública o privada y rápida a través de los Gists de Github, para eso deberás configurar tu cuenta de Github como se muestra en las instrucciones del repositorio de HaoGist.

Temas

Theme – Nil

Theme – Spacegray

Theme – Soda

Material Theme

Si conoces más paquetes o tips para Sublime Text, puedes compartirlos en los comentarios :)

  • Diego Samamé Salazar

    Puedo entrar de Practicante a Orvis? :D , Soy Maqutador

  • jeiter

    Muy bueno, muchas gracias!

  • Daniel Acosta

    Gracias por el aporte

  • Brian Ramirez

    Como hago para activar theme del panel de la izquierda?