• Autor de la entrada:
  • Tiempo de lectura:4 minutos de lectura

El uso de extensiones que se pueden instalar directamente en el editor de Visual Studio Code es cada día mayor.

Aquí tienes algunas de las más útiles extensiones de Visual Studio Code para aplicar en tus proyectos de desarrollo web.

Actualmente, Visual Studio Code es el editor de código más popular entre los desarrolladores.

Visual Studio Code incluye muchas características interesantes que pueden ayudarte a mejorar el código y ahorrar tiempo a la hora de su creación.

Aquí tienes algunas de las mejores extensiones para comenzar a potenciar tu editor Visual Studio Code aplicado al desarrollo web.

Quizás también te interese: Mejores extensiones de Visual Studio code para programar en Javascript / Modo oscuro en Visual Studio Code / CodeSpace: VS Code + Github

1. HTML Boilerplate

Cuando se trabaja con HTML, puede ser tedioso escribir todas las etiquetas iniciales, como ,, “ y las metaetiquetas.

HTML Boilerplate es un complemento de Visual Studio Code que se encarga de generar el código más repetitivo.

La extensión contiene todas las etiquetas necesarias de HTML, así como las todas las meta etiquetas que normalmente se usan.

2. Auto Rename Tag

El renombrado de etiquetas automático es una función que permite a los desarrolladores modificar la etiqueta de inicio, haciendo que cambie automáticamente la etiqueta de cierre.

Eso facilita el cambio de los nombres de las etiquetas drásticamente.

3. Prettier

Esta extensión organiza el código agregando la sangría apropiada a cada lenguaje de programación que estés usando en cada caso.

Esto hace que sea sencillo comprender el código, tanto para el propio autor del mismo como para otros desarrolladores que deseen comprenderlo.

4. Bracket Pair Formatter

Cuando se trata de lenguajes como C/C++, Java, JavaScript u otros, los desarrolladores deben emplear varios corchetes dentro del código.

Eso hace que el código, a medida que va creciendo, se convierta más complicado de mantener.

Con el complemento Bracket Pair Colorizer se modifica el color de cada uno de los corchetes, facilitando la identificación de los corchetes anidados.

5. Path Intellisense

Cuando los desarrolladores deben importar algunos archivos dentro de otros archivo mientras trabajan con JavaScript o cualquiera de sus bibliotecas o frameworks.

Los desarrolladores escriben rutas una y otra vez, lo que aumenta las posibilidades de escribir posibles rutas erróneas, por lo que los archivos no se importarán o serán difíciles de localizar.

Sin embargo, si tienes instala la extensión Path Intellisense, se te mostrarán todos los archivos y carpetas que están presentes en cada archivo.

Con ayuda de esta extensión, los desarrolladores pueden seleccionar adecuadamente el archivo o la carpeta deseados, evitando cualquier problema con las rutas de los archivos.


Más sobre Visual Studio Code

Comparte tu opinión