VSCode extensions

Mis Mejores Extensiones de Visual Studio Code

¿Utilizas Visual Studio Code en tu día a día? Si es tu caso, te recomiendo estas extensiones que podría mejorar tu productividad.

2 min lectura ProgramaciónExtensionesVSCode

Code Spell Checker

Detecta las faltas de ortografía en textos, comentarios e incluso en el código.

Color Highlight

Marca los colores en CSS encontrados en el código.

Console Ninja

Esta extensión muestra la salida de los console.log() directamente en el editor.

GitLens

Una extensión que mejora la experiencia en Git y permite ver y gestionar branches, stashes, commits, remotes, tags y muchos más.

Image preview

Muestra miniaturas de imágenes encontradas en el código.

Import Cost

Esta extensión mostrará en línea en el editor el tamaño del paquete importado. Actualmente soporta JavaScript y TypeScript.

Live Preview

Esta extensión aloja un servidor web local para que puedas previsualizar tus proyectos web en HTML dentro del editor. Y se refresca automáticamente cuando detecta cambios en el código.

Paste JSON as Code

Una extensión que genera estructuras de código en varios lenguajes de programación a partir de un JSON copiado en el portapapeles.

Supermaven

Permite mostrar sugerencias de autocompletado usando inteligencia artificial. A diferencia de GitHub Copilot que es de pago al 100%, Supermaven tiene un plan gratuito.

SVG

Esta extensión del mismo nombre SVG, permite previsualizar tus archivos SVG.

TabNine

Es similar a GitHub Copilot, pero tiene un enfoque a entornos corporativos, donde es importante la seguridad, la privacidad y el cumplimiento.

Tailwind CSS IntelliSense

Si usas TailwindCSS en tus proyectos, esta extensión te ayuda a escribir sus clases en CSS con autocompletados.

Text Power Tools

Ofrece una variedad de herramientas y comandos para realizar tareas como:

  • Filtrar líneas.
  • Cambiar el case a camelCase, PascalCase, snake_case, CONSTANT_CASE, dash-case, dot.case, Title Case y Sentence case
  • Codificar y decodificar a varios formatos de texto (HTML, URL y base64).
  • Quitar espacios en blanco (trim).
  • Quitar líneas duplicadas.
  • Generar datos aleatorios.
  • Y mucho más.

Thunder Client

Permite hacer consultas HTTP sin salir del editor, y además puedes genera código en varios lenguajes de programación en base a las respuestas en JSON.