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

I read this article. I think You put a lot of effort to create this article. I appreciate your work.        Dissertation Writing Services

Provides multiple learning environment of International standard with holistic system of education at an affordable cost for the successful life of young generation. Best Paramedical College North india Best agriculture college in dehradun

Nice blog, the article you have shared is good.This article is very useful. My friend suggest me to use this blog.
Rashpal singh dhaliwal
Rashpal singh dhaliwal
Rashpal singh dhaliwal

Shop Ranked Accounts provide affordable price and instant delivery on cheap csgo smurf ranked accounts.
csgo accounts

tentang mereka. Mengingat bahwa Maxim 6 dari sekiling 6 agen astm a283 c agen pipa boiler agen plat abrex 400 agen plat asme516 grade70 agen plat astm a285 c agen plat astm516 70 agen plat boiler agen plat hardox agen plat hb 400 agen plat high strenght agen plat high tensile sm490 yb agen plat high tensile sm490ya agen plat kapal agen plat stainless ss304 agen plat stainless ss310 agen plat stainless ss316 agen plat sumihard agen round bar besi aisi 440s45c agen round bar scm440 agen steel rail agen steel sheet pile distributor astm a283 c distributor pipa boiler distributor plat abrex 400 distributor plat asme516 grade70 distributor plat astm a285 c distributor plat astm516 70 distributor plat boiler distributor plat hb 400 distributor plat high strenght distributor plat high tensile sm490 yb distributor plat high tensile sm490ya distributor plat kapal distributor plat stainless ss304 distributor plat stainless ss310 distributor plat stainless ss316 distributor plat sumihard distributor round bar besi aisi 440s45c distributor round bar scm440 distributor steel rail distributor steel sheet pile jual astm a283 c jual baja h beam jual pipa boiler jual plat abrex 400 jual plat asme516 grade70 jual plat astm a285 c jual plat astm516 70 jual plat boiler jual plat hardox jual plat hb 400 jual plat high strenght jual plat high tensile sm490 yb jual plat high tensile sm490ya jual plat kapal jual plat stainless ss304 jual plat stainless ss310 jual plat stainless ss316 jual plat sumihard jual round bar besi aisi 440s45c jual round bar scm440 jual steel rail jual steel sheet pile pabrik astm a283 c pabrik pipa boiler pabrik plat abrex 400 pabrik plat asme516 grade70 pabrik plat astm516 70 pabrik plat boiler pabrik plat hb 400 pabrik plat high tensile sm490 yb pabrik plat high tensile sm490ya pabrik plat kapal pabrik plat stainless ss304 pabrik plat stainless ss310 pabrik round bar besi aisi 440s45c pabrik round bar scm440 pabrik steel rail pabrik steel sheet pile pusat astm a283 c pusat pipa boiler pusat plat abrex 400 pusat plat asme516 grade70 pusat plat astm a285 c pusat plat astm516 70 pusat plat boiler pusat plat hardox pusat plat hb 400 pusat plat high strenght pusat plat high tensile sm490 yb pusat plat high tensile sm490ya pusat plat kapal pusat plat stainless ss304 pusat plat stainless ss310 pusat plat stainless ss316 pusat plat sumihard pusat round bar besi aisi 440s45c pusat round bar scm440 pusat steel rail pusat steel sheet pile stockis plat hardox stockist plat astm a285 c stockist plat high strenght stockist plat stainless ss316 stockist plat sumihard supplier plat hardox plat stainless ss201 plat sphc po plat putih spcc sd plat hitam ss400 plat hitam sphc plat corten plat astm a36 plat alumunium plat abrex 500 plat abrex 450 plain bar pipa sch80 pipa sch40 pipa sch160 pipa sch120 pipa sch10 pipa medium galvanis perforated plate grating size galvanis expanded metal deformed bar besi wiremesh besi unp besi cnp besi baja wfbeam baja h beam

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.