Blog sobre desarrollo y programación Web

Aportando a la comunidad y compartiendo conocimiento

Mejores extensiones de Visual Studio Code

#Configuración #Windows #Mac #Visual Studio Code
Categoria Artículos
213

Publicado por Iván el 27/12/2021


Las extensiones nos permiten agregar funcionalidad a Visual Studio Code de forma modular y aislada, son una extraordinaria manera de personalizar nuestra experiencia con la herramienta. Además, en la mayoría de los  casos,  basta con un simple click para tenerlas agregadas y funcionando.

Las extensiones de VSC nos ayudan y nos facilitan la tarea de diaria de crear y generar código. En este caso te dejo algunas de las extensiones más usadas  en VSC,  con independencia  del lenguaje que uses.


5 Extensiones más usadas


Gitlens

Amplía las características de Git de Visual Studio Code. Le ayuda a visualizar rápidamente al autor del código a través de las "notas culpables" de Git, navegar y explorar sin problemas los repositorios de Git, obtener información valiosa con comandos de comparación potentes, entre otras cosas.

TODO Tree

Esta extensión busca rápidamente (usando ripgrep) en su espacio de trabajo etiquetas de comentarios como TODO y FIXME, y las muestra en una vista de árbol en el panel del explorador. Al hacer clic en un TODO dentro del árbol, se abrirá el archivo y colocará el cursor en la línea que contiene el TODO. 

Live Server

Esta extensión nos ofrece un servidor de desarrollo para ejecutar nuestros proyectos web, con la particularidad de ofrecer un sistema de recarga automática (Live Reload). Cuando la instalamos aparece un control «Go Live» desde donde podemos arrancar el servidor, que es especialmente útil y necesario en proyectos donde usamos Javascript, o simplemente para una maquetación web productiva.

Prettier

Prettier forma el tándem esencial de extensiones de VSCode para el desarrollo con Javascript. Esta extensión permite formatear el código Javascript para que se facilite la lectura, pero sobre todo para que los desarrolladores de un proyecto apliquen un mismo estilo en su codificación. Para poder usarlo necesitamos instalar Prettier en el proyecto Javascript donde estamos trabajando, con el comando «npm install prettier».

Material Icon Theme

Se trata de un tema que incluye un montón de iconos que nos facilitará mucho la tarea de identificar cada tipo de fichero gracias a los iconos fácilmente diferenciables

Rainbow brackets

Proporcione los colores del arcoíris para los corchetes, paréntesis y llaves. Esto es particularmente útil para los programadores de Lisp o Clojure y, por supuesto, JavaScript y otros programadores.

El corchete derecho aislado se resaltará en rojo.

Error Lens

ErrorLens potencia las funciones de diagnóstico del lenguaje haciendo que los diagnósticos destaquen más, resaltando toda la línea siempre que el lenguaje genere un diagnóstico y también imprimiendo el mensaje en línea.

  • Resaltar las líneas que contienen diagnósticos
  • Añadir el diagnóstico como texto al final de la línea
  • Mostrar iconos en el margen final
  • Mostrar el mensaje en la barra de estado


Buen código y mejor día !!

Iván Portillo

Programador Backend

Soy desarrollador backend en Laravel y PHP. Me gusta escribir sobre desarrollo web, programación y tecnología en general.

Sobre mí


Otros articulos

Slim framwework es un micro framework para PHP que nos permite escribir rápidamente aplicaciones web y APIs. ¿Cómo instalar un proyecto con Slim P....


By Iván 22/12/2021.

Laravel 8 llegó con muchas novedades, entre ellas, que dejo de utilizar Bootstrap para la creación de su interfaz gráfica, y desde ahora lo h....


By Iván 24/12/2021.