Visual Studio Code es un proyecto Open Source desarrollado por Microsoft para Windows, Linux y MacOS. Es considerado por un gran número de profesionales del sector como el mejor editor de código fuente en el mundo del desarrollo web.
Uno de sus puntos fuertes es la gran comunidad que tiene creada, con el objetivo de brindar apoyo a todo aquel que lo necesite. Además, cuenta con multitud de funciones para facilitar el proceso de desarrollo en cualquier proyecto del mundo de la programación.
Extensiones esenciales de Visual Studio Code
Hoy, os compartimos las 6 extensiones esenciales que debes tener en Visual Studio Code 🚀
Es un linter para JavaScript. Ayuda a crear un código correcto y de calidad porque detecta errores y el incumplimiento de ciertas normas -personalizables por el desarrollador-
Mejora el resaltado de errores, advertencias y otros diagnósticos del lenguaje, mostrando los avisos de una manera muy visual al lado del propio código.
Nos permite formatear nuestro código, ya sea de forma automática o cuando nosotros se lo digamos. Es opinionado, pero nos permite configurar muchas opciones para ajustar el formato del código a nuestro estilo.
Oficial de Microsoft. Permite levantar un servidor para ver los cambios que vayamos realizando en el código en tiempo real. Podemos mostrar la vista en el navegador o en el propio editor.
Nos muestra los console.log() directamente en VS Code, al lado del código, sin necesidad de tener que abrir la consola de las herramientas de desarrollo.
Activa un linter para HTML, lo que nos permite tener avisos de errores y warning, que por defecto no se mostrarían. Nos da la opción de personalizarlo a nuestro gusto.
Otras extensiones útiles de Visual Studio Code
Además de las 6 extensiones anteriores, existen otras que son muy útiles para la mayoría de desarrolladores, pero hay muchas más. Otras extensiones de Visual Studio Code que podrían ayudarte en tu día a día son:
Una de las aplicaciones más famosas para realizar pruebas de endpoints de APIs, directamente desde VS Code.
Un corrector ortográfico que nos ayuda con los errores a la hora de escribir código. Dispone de diferentes diccionarios en varios idiomas, y si alguna palabra no está disponible podemos añadirla a nuestra configuración.
Nos ofrece comentarios de código mejorados con alertas, información, tareas pendientes y mucho más.
Nos permite tener resaltado de sintaxis desde JavaScript. De esta forma, por ejemplo, al añadir código HTML en JavaScript, veremos el resaltado correcto y resultará más atractivo visualmente.
Nos permite compilar código de SASS o SCSS a CSS en tiempo real.
Si trabajas con Tailwind, esta extensión es imprescindible, ya que nos va auto-completado las clases y nos muestra el código CSS que aplica.
Si sueles compartir fragmento de código en redes sociales, con esta extensión podrás hacerlo en forma de captura con un diseño muy atractivo y personalizable.
Si te apasiona el mundo de la programación, pero nunca te has atrevido a dar el paso para formarte, es el momento perfecto para cursar nuestro Bootcamp Full Stack Web Developer. Una formación completa e intensiva que te enseñará todas las herramientas y tecnologías más demandadas por el mercado laboral para conseguir un empleo en el sector. ¡A por todas!
