HTML5/CSS3

Los mejores plugins para Sublime Text 3

Índice
  1. ¿Qué es Sublime Text?
  2. Plugins para Sublime Text 3
    1. Emmet
    2. Color Highlighter
    3. Bracket Highlighter
    4. LiveReload
    5. ColorPicker
    6. AutoFilename
    7. jQuery
    8. PHPManualer
    9. Sidebar Enhancements
  3. ¿Cómo instalar plugins para Sublime Text 3?
    1. Conclusión

Gracias a los plugins para Sublime Text 3 podrás crear magnificas páginas web reduciendo el tiempo de desarrolllo. ¿Quieres saber cuales son? ¡Sigue leyendo!

¿Qué es Sublime Text?

Sublime Text es uno de las editores de código más conocidos y usados en el mundo del diseño web.

Su sencillez de uso, configuración y tamaño lo convierten en toda una máquina para diseñar páginas webs desde cero.

Por tanto si no lo conoces te recomiendo que lo descargues desde el siguiente enlace y comiences a trastearlo.  Es gratis aunque suele salirte un mensaje cada cierto tiempo para que adquieras una licencia, que sinceramente lo recomiendo.

Plugins para Sublime Text 3

Los plugins para Sublime Text 3 permiten aumentar el potencial de esta herramienta que ya de por si es de las mejores que he utilizado.

Existen infinidad de ellos, pero os voy a recomendar aquellas que suelo utilizar para mis proyectos y que simplican mi trabajo enormemente. ¡Comencemos pués!

Emmet

Este plugin es sencillamente maravilloso. Permite escribir líneas largas de código mediante expresiones que podemos consultar en la siguiente página: http://docs.emmet.io/cheatsheet

Un ejemplo práctico sería el siguiente:

ul>li*7

Esto nos crearía automáticamente una lista con 7 elementos:

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

Alucinante, ¿verdad?

Color Highlighter

Otro plugin indispensable que nos pemite ver los colores que utilizamos en las etiquetas de CSS.

Bracket Highlighter

Ideal para resaltar las etiquetas de apertura y cierre de nuesto código y facilitarnos así su lectura.

LiveReload

LiveReload nos permite actualizar los cambios del archivo donde estemos trabajando a nuestro navegador.

Colección de efectos CSS3 para tu web

ColorPicker

Nos permite seleccionar un color específico presionando las combinaciones de tecla Ctrl + shift + c , para Windows y Linux, y Cmd + shift + c para los usuarios de macOS.

AutoFilename

Para vincular archivos fácilmente al poner las etiquetas href, src, require, etc...

jQuery

Si escribes código en jQuery no puedes pasar por alto descargar este plugin para Sublime Text 3, el cual nos dará sugerencias de de métodos al escribir en este lenguaje.

PHPManualer

Este plugin permite mostrar al pulsar las combinaciones de teclas Ctrl + alt + dCtrl + alt + s la documentación de las funciones nativas de PHP

Sidebar Enhancements

Para finalizar os deje este plugin que amplía las opciones de gestión de archivos de la barra lateral de Sublime Text 3.

¿Cómo instalar plugins para Sublime Text 3?

Si quieremos instalar un plugin deberemos irnos a “Preferences“, “Package Control“.

En el recuadro escribirmos “install” y ya nos sale la opción “Install Package” debajo y pulsamos Intro.

Para finalizar en el recuadro de texto escribimos el nombre del plugin que queremos instalar y se descargará automáticamente. Reiniciamos Sublime y listo.

Agregar que si por algún motivo deseamos desinstalar alguno de los plugins instalados deberemos ir al Package Control en “Preferences” “Package Control“, escribir “Remove Package“,  y pulsar “Intro“. Nos aparecerá una lista de todos los plugins instalados, hacemos click en el que deseamos eliminar y se desinstalará.

Conclusión

Si eres desarrollador web sin duda este conjunto de plugins para Sublime Text 3 son indispensables. Son las que uso a diario para mi trabajo y sin duda me son de gran ayuda.

Espero que os haya sido de gran utilidad y como siempre agradezco vuestros comentarios, likes y como no vuestra visita a mi blog. ¡Mil Gracias!

AJ Morales

Consultor de Marketing Digital, especializado en Marketing de Contenidos y Posicionamiento SEO 🚀. Me considero un apasionado de la tecnología y de la edición profesional de fotografías con Adobe Photoshop. Málaga ciudad con alma.

Publicaciones Recientes

Gemini Deep Research en Google Drive: Analiza Múltiples Documentos en Segundos y Ahorra Horas de Trabajo

Todos hemos estado allí: tienes 20 pestañas abiertas, cinco PDFs y tres hojas de cálculo,…

2 días Hace

Quitar la Marca de Agua en las Imágenes de Google Nano Banana

Si ya estás usando Google Nano Banana, sabes que es la herramienta que está redefiniendo…

3 semanas Hace

Límites de Gemini Gratis ¿Qué te ofrece la IA de Google sin pagar?

¿Te ha pasado? Estás en plena conversación con Gemini, fluyendo con ideas, y de repente……

3 meses Hace

Convierte una foto en una figura coleccionable con Nano Banana Gratis

¿Alguna vez soñaste con ser una de esas figuras coleccionables que tanto te fascinaban de…

3 meses Hace

Cómo Hacer un Video de Ciudad Emblemática con Veo 3

Imagina caminar por las calles iluminadas de París al atardecer, con la Torre Eiffel brillando…

3 meses Hace

Google Opal: Automatiza Tareas Diarias y Revoluciona Tu Productividad

¿Imaginas crear aplicaciones inteligentes que resuelvan tus problemas cotidianos sin escribir una sola línea de…

3 meses Hace

Esta página utiliza cookies para mejorar su rendimiento