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.
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.
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.
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.
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.
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 .
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.
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.
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.
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.
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.