Paquetes para desarrollo web en Sublime Text 3

Logotipo de Sublime TextHoy voy a comentar algunos de los paquetes más interesantes a instalar en Sublime Text 2 para el desarrollo de aplicaciones Web. Sublime Text es uno de los editores que se encuentran actualmente en boca de todos. Existe una versión 3, pero se encuentra en fase de desarrollo y no tiene todos los plugins disponibles en estos momentos.

Podemos instalar Sublime Text 2 de la siguiente forma:

  1. sudo add-apt-repository ppa:webupd8team/sublime-text-2
  2. sudo apt-get update
  3. sudo apt-get install sublime-text

También podemos instalar la versión 3 con:

  1. sudo add-apt-repository ppa:webupd8team/sublime-text-3
  2. sudo apt-get update
  3. sudo apt-get install sublime-text-installer

Package Control

Lo primero que hemos de instalar es el paquete Package Control. Este lo instalamos copiando el código que aparece en la página oficial del proyecto. Consiste en copiar el código que nos indican en esta página en la cónsola. Para abrir la cónsola podemos acceder por el menú View > Show Console o bien con la combinación de teclas [Ctrl+`] (los corchetes no, son para identificar la combinación).

Con este paquete conseguiremos instalar de forma muy sencilla el resto de paquetes. Basta con pulsar [Ctrl+Shift+p] y se nos mostrará la lista de paquetes disponibles. Desde aquí podemos instalar o desinstalar paquetes simplemente seleccionándolos.

Para instalar un paquete simplemente hemos de de abrir Package Control y pulsar sobre la opción Package Control: Install Package. Luego seleccionar el paquete a instalar (podemos utilizar lel buscador superior para seleccionarlo). Los paquetes que muestro a continuación se han instalado desde Package Control.

SublimeCodeIntel

Se puede instalar desde Package Control. Facilita el autocompletado en diversos lenguajes, como CSS, HTML y PHP.

SublimeLinter

No es tan avanzado como el de los IDEs más potentes pero te muestra las líneas donde se han producido errores (puntos y comas olvidados...).

Una vez instalado el paquete hemos de instalar el paquete correspondiente al lenguaje que queremos comprobar, ya que no están incluidos en el paquete principal. Por ejemplo, para PHP debemos instalar el paquete SublimeLinter-PHP.

ColorPicker

Es una de esas cosas que no se tienen muy en cuenta pero que siempre van bien. Al pulsar Ctrl+Shift+D nos muestra una paleta de colores y nos devuelve el valor hexadecimal del valor seleccionado.

Emmet

Este paquete nos permite generar código repetitivo a partir de fórmulas matemáticas. Por ejemplo basta con escribir

ul>li*4>{Prueba $}

y pulsar el tabulador para obtenemos el código html completo.

BracketHighLighter

Este plugin lo que nos hace es mostrar resaltadas las aperturas y cierres del bloque en el que nos encontremos.

jQuery Snippets Pack

Añade algunos spnippets jQuery para facilitar la creación de código. Un ejemplo es escribir $ready y pulsar el tabulador.

PHPDoc

Permite generar el código de documentación PHP. Basta con escribir /** y pulsar tabulador para generarlo.

Conclusión 

Hoy he mostrado algunos de los paquetes más importantes para el desarrollo web que podemos encontrar en Sublime Text. Seguro que hay muchos más y conforme los vaya descubriendo los iré añadiendo.

 

Añadir nuevo comentario

Filtered HTML

  • Las direcciones de las páginas web y las de correo se convierten en enlaces automáticamente.
  • Etiquetas HTML permitidas: <a> <em> <strong> <cite> <blockquote> <code> <ul> <ol> <li> <dl> <dt> <dd>
  • Saltos automáticos de líneas y de párrafos.

Plain text

  • No se permiten etiquetas HTML.
  • Las direcciones de las páginas web y las de correo se convierten en enlaces automáticamente.
  • Saltos automáticos de líneas y de párrafos.
CAPTCHA
Esta pregunta se realiza para comprobar que se trata de un humano y prevenir los accesos automatizados para publicar spam.