Se encuentra usted aquí

Paquetes para desarrollo web en Sublime Text 3

Activado 20 Feb, 2014 Por Adolfo 472 Comentarios

Logotipo de Sublime Text Hoy 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:

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

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

sudo add-apt-repository ppa:webupd8team/sublime-text-3
sudo apt-get update
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.

Etiquetas:

Comentarios

Davidneist (no verificado)

Mar, 20/05/2025 - 07:13