¡Compártelo!

Los mejores plugins de Visual Studio Code para desarrolladores web

Visual Studio Code es un editor de código open source multiplataforma desarrollado por Microsoft, bastante popular en la comunidad del desarrollo de software. Actualmente, es uno de los editores de código más utilizados y uno de los motivos es la cantidad de plugins útiles de los que dispone. Hoy os traemos las mejores extensiones para Visual Studio Code:

1. Auto Close Tag

Con este plugin, VSC tiene soporte de etiqueta cerrada para archivos HTML, Handlebars y Razor. Esta extensión está habilitada para otros lenguajes como XML, PHP, Vue, JavaScript, TypeScript, JSX, TSX, etc.

Visual Studio Code plugin Auto Close Tag

Ver Auto Close Tag en Marketplace.

2. Auto Rename Tag

Esta extensión bastante sencilla cambia automáticamente el nombre de una etiqueta HTML/XML emparejada. Resulta muy útil, ya que se ahorra tiempo al renombrar una etiqueta.

Visual Studio Code plugin Auto Rename Tag

Ver Auto Rename Tag en Marketplace.

3. Beautify

El papel de este plugin consiste en indentar código HTML, CSS, Sass, JavaScript y JSON para dejarlo así dentro del patrón de formato y de manera legible.

Visual Studio Code plugin Beautify

Ver Beautify en Marketplace.

4. Bracket Pair Colorizer 2

Nunca más tendrás problemas en identificar paréntesis, corchetes o llaves coincidentes gracias a esta extensión. El usuario puede parametrizar una serie de colores para identificar cada pareja.
Visual Studio Code plugin Bracket Pair Colorizer 2

Ver Bracket Pair Colorizer 2 en Marketplace.

5. GitLens 

Por defecto, la integración con los sistemas de versiones en VSC es bastante buena, pero aún así le faltan algunas cosas que marcan la diferencia.

GitLens agrega un plus a la experiencia de utilizar un editor de código integrado con sistemas de versiones. Podremos ver quién cambió la línea de código en la que estoy y cuándo, ver el historial de cambios de cada archivo, diferenciar entre cambios, etc.
Visual Studio Code plugin GitLens

Ver GitLens en Marketplace.

6. JSON to TS

Se acabó el calvario de convertir un objeto JSON en una interfaz TS a mano. Con este plugin podrás automatizar el proceso a golpe de copy and paste y así optimizar tu tiempo de desarrollo.
Visual Studio Code plugin JSON to TS

Ver JSON to TS en Marketplace.

7. Path Intellisense

¿Quién no ha tenido problemas en encontrar la ruta de un determinado fichero en el proceso de desarrollo de una aplicación? Pues con Path Intellisense ese problema desaparecerá, ya que te ayuda a encontrar la ruta de una manera muy rápida y dinámica.

Visual Studio Code plugin Path Intellisense

Ver Path Intellisense en Marketplace.

8. Material Icon Theme

Quizá el menos necesario, pero ayuda mucho tener una interfaz limpia a la hora de desarrollar un proyecto. Con este tema tendrás un entorno limpio, minimalista y atractivo.

Visual Studio Code plugin Material Icon Theme

Ver Material Icon Theme en Marketplace.

Vídeo con los mejores plugins de VSC

En este vídeo repasamos los mejores plugins de Visual Studio Code:

Conclusión

En conclusión, Visual Studio Code es un perfecto editor de código de serie, pero si le dedicas un rato a personalizarlo a través de sus plugins, podrás sacar el máximo rendimiento del editor y, lo más importante, podrás exprimir y optimizar al máximo tu tiempo de desarrollo de software.

¿Conocías estos plugins de VSC? ¿Trabajas con otros habitualmente? ¡Compártelo en las redes sociales!

Artículos relacionados

Bruno para simplificar el trabajo con APIs

Cómo utilizar Bruno para simplificar el trabajo con APIs

En el desarrollo de software, la gestión eficaz de las API es imprescindible para garantizar el éxito de los proyectos. Desde la fase de pruebas y documentación hasta la colaboración en equipo, contar con las herramientas adecuadas puede marcar una gran diferencia. Es aquí donde

Qué es una API

Qué es una API y para qué sirve: Funcionamiento y utilidad

El término «API» se ha convertido en parte del vocabulario cotidiano de desarrolladores/as, empresarios/as y usuarios/as de tecnología. Sin embargo, para algunas personas, este concepto sigue siendo un misterio. ¿Qué es realmente una API y por qué es tan importante en el mundo de la

Cómo subir imágenes y archivos usando Multer

Cómo subir imágenes y archivos usando Multer con Node.js y Express

En este post, aprenderemos cómo subir imágenes y archivos usando Multer con Node.js y Express. Desarrollaremos una aplicación básica que permita seleccionar archivos mediante un formulario y guardarlos en una carpeta del servidor. Es necesario instalar Node.js y algún IDE para Javascript, en este caso,