PIXEL FACEBOOK

7 Herramientas De Sublime Text Para Desarrolladores Frontend

paquetes para sublime text

7 Herramientas De Sublime Text Para Desarrolladores Frontend

Sublime Text es uno de los editores de código más poderosos con algunas características sorprendentes para los desarrolladores, y puede ser aún más poderoso mediante la instalación de plugins o paquetes. Estos plugins añaden funciones extra para Sublime Text, actualmente existe una variedad de herramientas que sirven para satisfacer cualquier necesidad de los desarrolladores.

Extensiones Para Sublime Text

Si eres un desarrollador frontend, hemos elegido algunas útiles extensiones que te pueden ser de utilidad si usas Sublime Text para tu trabajo.

 

1. AlignTab

AlignTab es una extensión para alinear sus código en Sublime Text. Tiene un «Modo de vista previa», que te permite ver cómo se aplicará la alineación (dada la notación RegEx) antes de que la apliques. AlignTab es una extensión útil ordenar el código y hacer que sea más fácil de leer.

Pestaña Align Tab Sublime Text

 

2. ColorHighlighter

ColorHighlighter es un plugin que muestra una selección de color con su color visual. Si selecciona «#fff» se le mostrará el color, blanco. ColorHighlighter soporta todos los formatos de color CSS como Hex, RGB, HSL, HSV, e incluyen palabras clave de color como «rojo», «verde», etc. También te podrás visualizar variables LESS, Sass, y Stylus que contiene un valor de color. Es un pedazo de plugin te ayudará a ser más intuitivo al trabajar con colores.

Color Highlighter Sublime Text

 

3. MultiEditUtils

MultiEditUtils complemento mejora el «multi-cursor» y la función «multi-selección», ahorrándonos tiempo para la edición de largas líneas de código. Por ejemplo: se puede combinar o intercambiar las líneas seleccionadas.

Extension Multi Edit Sublime Text

 

4. Git Gutter

Si está trabajando con Git, Git Gutter es un plugin de Sublime Text recomendada de instalar. GitGutter mostrará una bandera en la zona del canal, de cualquier edición, adición o eliminación que hizo dentro del código. Es un código útil para ver al instante la comparación entre la edición de código original.

Extension Git Gutter Sublime Text

 

5. Modific

Modific es útil cuando usted está utilizando Git o SVN en su trabajo. Al igual que GitGutter, Modific marcará un cambio en sus códigos. Además de resaltar los cambios, también puede ver o comparar la diferencia entre el código actual y la última confirmación pulsando Ctrl + Alt + D. Otras cosas que puedes hacer con Modific incluyen vista previa del código modificadas para la línea actual, así como revertir modificaciones de código .

Extension Modific Sublime Text

 

6. Inc Dec Value

Inc Dec Value le permite aumentar o disminuir el valor de forma simultánea, incluso si están en diferentes líneas. Además de los números, también puede cambiar el valor de las fechas, y los colores HEX. Para utilizar este plugin en general directa el cursor justo a la derecha del número, a continuación, pulse Alt + ↑ para aumentar el número o Alt + ↓ para disminuir el número. También puede utilizar la rueda del ratón.

Extension Sublime Text Inc Dec Value

 

7. FileBrowser

FileBrowser ofrece una nueva forma de navegar por los archivos y las carpetas del directorio del proyecto. Al instalar este plugin se puede tener acceso a su directorio de proyecto en una nueva barra lateral, y navegar a través de él sin mover sus manos lejos del teclado, como todo un desarrollador profesional. A medida que se acostumbre a ella, este plugin puede aumentar gradualmente su flujo de trabajo.

Extension Sublime Text File Browser

 

Bono Extra

El titulo dice 7 plugins, extensiones, paquetes o como quieras llamarlo? Pues bien, la cuestión es que reuní 10 paquetes para que puedas usarlos como mejor te parezca, a continuación puedes encontrar un plugin para trabajar iconos como los que encuentras con FontAwesome; una extensión útil para que te concentres cuando estés codificando,  y otra extensión para…. Bueno, dejaré que lo descubras 😉 Solo te pido una pequeña acción social, y así colabores para poner de primera en Google este articulo 🙂

8. IconFont

IconFont ofrece fragmentos de muchas fuentes de iconos populares como FontAwesome, PaymentFont, Typicons y Github Octicons. Funciona de manera similar a fragmentos de HTML regulares donde se ampliarán abreviaturas de las clases y el código HTML para cada icono.

Extension Sublime Text Icon Fonts

 

9. DistractionFreeWindow

Esta extension de Sublime Text te permite centrarse en el código o contenido que está escribiendo, cuando estás en este modo, el minimapa, barra lateral, y todas las demás pestañas están ocultos. Libre de distracciones no debe significar la pérdida de acceso a esas características. Aquí es donde entra en juego DistractionFreeWindow para darle mayor flexibilidad en términos de cómo la distracción debe comportarse.

Extension Sublime Text Distraction Free

 

10. FilterLines

FilterLines le permite buscar a través de las líneas dentro de su documento para el dad «cadena de palabras clave» o «notación RegEx». Es una característica muy útil para hacer frente a una gran cantidad de datos en bruto en forma de JSON, JavaScript Array, CVS.

Extension Sublime Text Filter Lines

Desbloquea el contenido con una acción social...

Comparte este articulo y obtén el contenido premium!

 

Artículos Relacionados

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Jenny Watson

Hi! beautiful people. I`m an authtor of this blog. Read our post – stay with us

Categorías

Artículos Relacionados

¡Descubre Hostinger, Crea tu Web y Empieza a Generar Presencia Online!

¿Buscas un hosting confiable y asequible para tu proyecto web? Hostinger te ofrece planes flexibles y potentes que se adaptan a tus necesidades. Desde sitios web personales hasta tiendas online, su tecnología de vanguardia garantiza un rendimiento excepcional.