Introducción
En general, las extensiones son herramientas útiles para los desarrolladores que desean ampliar las capacidades de un lenguaje de programación o una aplicación más allá de lo que viene de fábrica. Pueden ayudarle a añadir nuevas funciones, personalizar el comportamiento del lenguaje o la aplicación y optimizar su flujo de trabajo de desarrollo.
Sincronización de ajustes
Antes de empezar a instalar plugins a diestro y siniestro, conviene conocer la Sincronización de Ajustes. Esta función te permite sincronizar con GitHub casi todo lo que personalizas en VSCode, desde la configuración hasta los atajos de teclado y otras extensiones de VSCode. De esta forma, en lugar de tener que programar desde el entorno original de VSCode en dispositivos nuevos o tener que volver a configurarlo todo manualmente, tendrás acceso a tu IDE preferido desde cualquier dispositivo.
Servidor en vivo
Este plugin de VSCode es uno de los favoritos de muchos desarrolladores de software. Live Server configura un servidor de desarrollo local con recarga en tiempo real para páginas estáticas y dinámicas. Cada vez que guardes tu código, verás los cambios reflejados en el navegador inmediatamente. Detectarás errores mucho más rápido y te resultará mucho más fácil realizar experimentos rápidos con tu código.
Remoto – SSH
La extensión Remote – SSH te permite usar cualquier máquina remota con un servidor SSH como entorno de desarrollo. Esto facilita enormemente el desarrollo y la resolución de problemas en diversas situaciones. Además, no necesitas código fuente en tu máquina local, ya que la extensión ejecuta comandos y otras extensiones directamente en la máquina remota.
Más bonita
Prettier es un formateador de código que funciona especialmente bien si varias personas trabajan en un proyecto, ya que la extensión aplica un estilo consistente. Puedes configurarlo para que formatee tu código cada vez que lo guardes, lo que reduce significativamente el tiempo de formateo.
Copiloto de GitHub
Algunos consideran que GitHub Copilot ha revolucionado la programación informática, mientras que otros lo consideran una herramienta útil. Independientemente de su opinión, vale la pena integrar la IA de autocompletado en su flujo de trabajo. Entrenado en GPT-3, GitHub Copilot ofrece sugerencias de código, autocompleta código e incluso puede ayudarle a escribir código al proporcionar comentarios en lenguaje natural.
Etiqueta de cambio de nombre automático
Mientras que VSCode resalta las etiquetas coincidentes y añade etiquetas de cierre al escribir una etiqueta de apertura, Auto Tag Rename cambia el nombre de las etiquetas automáticamente al modificarlas. Esta extensión funciona con HTML, XML, PHP y JavaScript, eliminando la necesidad de cambiar el nombre de las etiquetas dos veces.
GitLens
GitLens amplía las capacidades de Git de Visual Studio Code. Es un potente complemento que te permite ver quién, por qué y cómo han cambiado las líneas de código con el tiempo (entre otras funciones). GitLens es un complemento altamente personalizable. Si no te gusta una configuración en particular, puedes desactivarla fácilmente en la configuración.
Historial de Git
Similar a GitLens, Git History es una extensión de VSCode que proporciona una representación visual del registro de Git. Ya no es necesario consultarlo en la terminal. La extensión es bastante completa. Permite comparar ramas, commits y archivos entre commits. También permite buscar avatares de Github, lo cual es muy útil.
Vistazo de CSS
Este complemento es invaluable para desarrolladores front-end. Inspirado en una función similar de Brackets, CSS Peek permite expandir archivos HTML y JS para mostrar código CSS/SCSS/LESS en el código fuente. También permite acceder rápidamente al código CSS apropiado si se conoce el nombre o el ID de la clase.
Fragmentos de código JavaScript
Si bien VScode incluye JS IntelliSense integrado, JS Code Snippets mejora la experiencia añadiendo un disparador de importación/exportación, ayudantes de clase y disparadores de métodos. La extensión es compatible con JS, TypeScript, JS React, TS React, HTML y VUE. Los fragmentos de código para otras versiones, como Angular, están disponibles en la tienda de VScode.
