10 extensiones de Visual Studio Code que te cambiarán la vida

Para aprender a programar, un aspirante a desarrollador web debe conocer el entorno de trabajo como la palma de su mano . Esto último depende del lenguaje de programación elegido para comenzar a programar desde cero. En caso de que el desarrollador no quiera ponerse límites con los lenguajes a aprender, tiene a su disposición un IDE (Integrated Development Environment) sumamente versátil. Hablamos de Visual Studio Code el editor de texto de código fuente desarrollado por Microsoft para todos los sistemas operativos. Hasta la fecha es uno de los mejores entornos de trabajo, ya que no requiere grandes recursos de hardware y, gracias a sus extensiones, se puede integrar con casi todos los lenguajes de programación existentes.

El punto fuerte de Visual Studio Code son precisamente las extensiones. Están presentes en el mercado de los editores y los hay de todo tipo. Muchos de estos se utilizan para hacer que el código funcione (según el lenguaje elegido) e identificar cualquier error en la compilación, además de permitirte ejecutar el código. Algunas extensiones también son para aprender a codificar. Me explico: rebuscando en el gran mercado de VSC, será posible instalar extensiones que pueden mejorar tu código o asesorar al programador sobre cualquier error cometido, reconocido por el editor de texto.

En concreto, veamos las 10 extensiones de Visual Studio Code que te cambiarán la vida:

1. Snippets – contiene una categoría de extensiones, muy útil sobre todo si quieres empezar a programar, presentes en el marketplace. Son complementos de productividad, contienen una colección de varias extensiones para los lenguajes de programación más utilizados. Permiten crear y usar abreviaturas para los métodos/declaraciones/bloques de código que usas con más frecuencia en el código.
2. CSS Peek – lado web developer, esta extensión permite “mirar” los estilos de las clases CSS, los ID y los tag HTML.
3. AutoRename Tag – VSCode resalta de forma inherente los tag coincidentes (en un archivo HTML) e inmediatamente agrega tag de cierre cada vez que se abre una. Esta extensión cambia automáticamente el nombre de todas las etiquetas que se modifican. Por supuesto, también funciona en PHP y JavaScript y aumenta la productividad al reducir el tiempo que se perdería renombrando la etiqueta dos veces (apertura y cierre).
4. GitLens – La extensión GitLens combina la funcionalidad de Git con la de VSCode, lo que permite ver el origen del código fuente a través de Git. Excelente para comprender mejor el código, para que sepa quién cambió el código, cuándo y por qué. Tiene muchas funciones, como: navegar por las revisiones a través del historial del archivo, anotar al final de la línea de código información sobre la última confirmación o mostrar quién la confirmó en una línea resaltada.
5. Turbo Console Log – la depuración para aquellos que quieren empezar a programar es una dificultad. Esta extensión de Visual Studio Code ayuda a los desarrolladores novatos al automatizar el proceso de creación de un mensaje de registro significativo, por lo que la depuración es más fácil al hacer que la salida resalte el error a localizar.
6. ESLint – la extensión ESLint actúa como un code validator. Es genial para empezar a programar. Ejecuta el código para comprobar si hay errores de sintaxis, los subraya y sugiere posibles soluciones para corregirlos. Esta extensión tiene muchas configuraciones para mejorar la integridad y calidad del código, como reglas y estilos. Las reglas de ESLint son conjuntos de instrucciones que se observan para garantizar la calidad del código. Personalizable para adaptarse a tu estilo de programación. Los estilos, por otro lado, son conjuntos de reglas creadas previamente que tu código seguirá, mostrando errores si la regla se rompe.
7. Live Server – una delle estensioni più utili per i web developer. Apre il progetto nel browser web principale utilizzando una porta comunicata tramite un messaggio pop-up. Aggiornando la pagina tutte le modifiche effettuate su VSCode alla tua app web verranno visualizzate. Produttività aumentata!
8. Prettier – es un formateador que ayuda a mantener el estilo de codificación consistente. Es una extensión muy versátil que ayuda a tener guiones ordenados y comprensibles cambiando la configuración a tu gusto. Prettier tiene más de 38.500 "estrellas" en GitHub. Corrige automáticamente los problemas de formato y es compatible con muchos lenguajes de programación y frameworks (JavaScript, Java, CSS, HTML, Angular, PHP, etc…).
9. Remote SSH – extensión oficial de Microsoft. Permite a los desarrolladores usar cualquier PC de forma remota con un servidor SSH como IDE. No requiere que el código fuente esté en tu ordenador local. Ejecuta directamente funciones y otras extensiones VS IDE en la computadora remota.
10. Quokka.js - La extensión Quokka.js ejecuta código JavaScript y TypeScript y proporciona comentarios instantáneos a medida que codifica. Ve y actualiza los valores de tiempo de ejecución junto con el código en el editor de texto a medida que se escribe el script, sin tener que ejecutarlos en el navegador, lo que ahorra el tiempo que se podría dedicar a ver los registros en un navegador.

Estas son solo algunas de las poderosas y útiles extensiones que Visual Studio Code pone a disposición. Para comenzar a programar, un desarrollador novato debe descargar absolutamente este IDE y aprovechar todos los recursos que el mercado pone a su disposición. Las extensiones de VSCode también son utilizadas por los programadores más expertos precisamente porque facilitan la escritura del código y ayudan al desarrollador a comprender ciertas dinámicas y reglas de programación. ¿Y tú las conocías?