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.

 

Comentarios

Apple products are revered for its quality, precision and great design. SRSG started its operations as Apple technology partners in the year 1997. MacBook air dealers in Delhi and Apple service center Guwahati and ipad dealers in Mumbai and iMac dealers in Delhi and MacBook pro dealers in Delhi and Apple iphone SE dealers in Kolkata

Our academic pursuits, along with a range of extracurricular activities, help in honing a child's skills and ensuring that he/she grows to be a mature and responsible citizen. Best CBSE School in Greater Noida and Admission 2018 Top cbse school in Greater Noida

DPS are committed to provide our students with a sound knowledge base with emphasis on building strong fundamentals in the principles of education, moral values and strong character and concrete the same by the way of continuous training with psychological methods.
School in Jhunjhunu

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.