Cómo instalar plugins en Sublime Text

Cómo instalar plugins en Sublime Text

Basta con echar un vistazo por la red para darnos cuenta de la cantidad de editores de texto para desarrolladores que existen. Muchos de ellos tienen muchas funciones, como auto completado de código, corrección del mismo o muchas cosas más, pero también existen algunos muy simples, que simplemente te permiten, en un principio, escribir tu código sin formato.

sublime-text

En esta ocasión, desde Rootear queremos hablar de Sublime Text, pero no una mera presentación, que ya se hizo en su momento, sino entrar un poco más a fondo en la personalización del programa, sobre todo en sus plugins. Vamos a echar un vistazo a los más útiles, aquellos que pueden facilitar mucho la vida de un desarrollador.

Package Control

Se trata, básicamente, del padre de todos los plugins, desde él podremos gestionar la instalación, desinstalación, edición y muchas cosas más del resto de plugins, de forma rápida y, sobre todo, muy intuitiva.

Por eso mismo, es el más complicado de instalar, puesto que el resto se hacen a través de él, pero este debemos hacerlo con la consola que incluye Sublime Text. Basta con aplicar los siguientes pasos:

  1. Accede a la página de instalación del plugin.
  2. Escoge la versión del programa que tengas instalada y copia el código que aparece debajo. (en este artículo nos centraremos en plugins válidos para Sublime Text 3, aunque la mayoría son aptos para ambas versiones)
  3. Abre la consola de Sublime Text desde View -> Show console, que se encuentra en la barra superior de menú.sublime-text-3
  4. Pega el código que acabas de copiar en la consola y pulsa enter.
  5. A continuación, reinicia Sublime Text (cerrar y abrir el programa) y tendrás el gestor de paquetes instalado.

¿Cómo utilizar este gestor de paquetes?

Antes de continuar, vamos a ver como funciona Package Manager, y luego siempre habrá que hacer lo mismo en el resto de plugins, todos se instalan de forma idéntica. Si queremos gestionar nuestros plugins solo tendremos que realizar los siguientes pasos:

  1. Pulsar Ctrl + May + P para mostrar el desplegable de Package Manager.
  2. Escribir en ese desplegable la opción que queramos realizar, a escoger entre las siguientes:
    • Install package (Instalar)
    • Remove package (Desinstalar)
    • List package (Listar)
    • Enable package (Habilitar)
    • Disable package (Deshabilitar)
  3. Posteriormente, pulsamos enter y nos permitirá introducir texto nuevamente. Ahora es cuando debemos escribir el nombre del plugin, seleccionarlo y el gestor de paquetes hará la tarea que hayamos solicitado.
  4. Es conveniente reiniciar Sublime Text tras instalar cualquier plugin, pues aunque algunos no lo necesitan, así no tendréis que pensar en ello.

Emmet

Se trata de un plugin que nos hará olvidar la sintaxis HTML para siempre, puesto que, con unas pocas palabras, podremos escribir complejas estructuras que, antes, nos hubieran llevado algo más de tiempo. Es cierto que al principio puede ser algo complejo, por el hecho de tener que aprender una nueva sintaxis, pero con un poco de práctica sale sola, pues es bastante simple.

Por ejemplo, si queremos crear la estructura básica completa de un documento HTML 5, bastará con escribir html:5 y pulsar tabulador.

emmet-html5

Y si por ejemplo queremos crear una lista desordenada con seis elementos, en lugar de escribirlos uno a uno, o copiar y pegar, bastará con escribir la siguiente estructura y pulsar tabulador: ul>(li*6).

¿Qué significa cada elemento en esa estructura? Pues es muy simple, el símbolo mayor que, indica que el elemento que se encuentra a la derecha del mismo está dentro del de la izquierda. La multiplicación indica las veces que se repetirá un componente, por otro lado, los paréntesis indican que dicha multiplicación solo afecta a lo que está dentro de los mismos.

Pues bien, con el código escrito arriba, ul>(li*6), obtendríamos el siguiente código HTML:

<ul>  <li></li>  <li></li>  <li></li>        <li></li>  <li></li>  <li></li></ul>

Creo que la diferencia es bastante apreciable, pues pasamos de unas pocas letras, a varias líneas de código. Y ahora mismo estamos hablando de un código muy pequeño, pero las posibilidades son asombrosas. Podéis leer más sobre esto en la documentación de Emmet.

Sidebar Enhancements

Otra de las maravillas que hacen que Sublime Text mejore notablemente. En esta ocasión se trata de una implementeación al sidebar del programa, que de normal es quizás demasiado básico. Gracias a este plugin podremos tener todas las opciones que un gestor de archivos necesita, y en un solo lugar, junto a nuestro código.

Desde edición de documentos, hasta búsquedas avanzadas en los directorios, todo lo que pueda hacer un gestor de archivos, es capaz de hacerlo este interesante plugin. Por eso, quizás, está triunfando tanto entre la comunidad de desarrolladores que utiliza Sublime Text como editor de texto.

Sublime Linter

Este plugin recuerda mucho a los grandes IDE, pues su función es realizar tu código en tiempo real, detectando posibles errores y advirtiéndote de los mismos, para que puedas solucionarlos antes de probarlo en vivo. Funciona con varios lenguajes, entre otros PHP, Python, Java...

Es cierto que aún no detecta todos los errores al momento, pero si los más cometidos, como son dejarte algún paréntesis/llave abiertos, olvidarse algún fin de sentencia...y todos esos errores que pueden llegar a ser un quebradero de cabeza para el desarrollador en cuestión.

Search Stack Overflow

stack-overflow-sublime-text

Para este plugin espero que sepáis algo de inglés, pero ¿qué desarrollador no ha accedido alguna vez a Stack Overflow? Estoy seguro de que incluso los que no sean desarrolladores lo conocen, pues también se resuelven allí incidencias técnicas, aunque no es su campo principal.

La idea es bastante sencilla, seleccionas el texto que deseas buscar en el foro y pulsas botón derecho, a continuación, Stack overflow Search. También podemos hacerlo de otra forma, pulsando Ctrl+May+P, y escribiendo search. Podremos elegir entre dos opciones, search input o search selection. La primera nos permitirá escribir lo que deseamos buscar, la segunda utilizará el texto que tengamos seleccionado.

Search WordPress Codex

Seguro que muchos desarrolladores que utilizan Sublime Text lo hacen para trabajar con WordPress, pues este plugin resultará muy interesante a todos esos usuarios. Básicamente, podríamos decir que funciona de manera similar al de Stack Overflow, pues también se utiliza para buscar.

La gracia de este plugin es que no solo se limite a buscar en el Codex de WordPress, sino que también lo hace en cualquiera de las siguientes cuatro opciones:

  • Search WordPress Codex
  • WordPress Function Reference
  • Search QueryPosts
  • QueryPost Function Reference

Por lo tanto, podremos pasar de Sublime Text a cualquier función del conocido CMS en tan solo unos segundos. Toda una delicia para que los desarrolladores de WordPress no tengan que perder ni un solo instante en buscar.

Bracket Highlighter

Aunque es un plugin muy sencillo, es también muy útil. Por muy escrupulosos que seamos siempre podemos tener problemas al saber donde empieza o acaba alguna función, donde abre o cierra cierta llave en nuestro código. Para ayudarnos en esta compleja tarea llega este plugin que se encarga de resaltar todas estas marcas para que sepamos donde abre y cierra cada una.

Y ya está, no hace nada más este plugin, ¿acaso es menos útil por eso? Para nada, resulta muy interesante si queremos mantener un código muy limpio y ordenado.

Y hasta aquí hemos llegado por ahora. Próximamente haremos otra recopilación de plugins y configuraciones ideales para los desarrolladores interesados en obtener el máximo de Sublime Text.

Para ti
Queremos saber tu opinión. ¡Comenta!