Mis extensiones favoritas de Visual Studio Code

Brandon Lara
6 min readAug 2, 2021

--

Photo by Mohammad Rahmani on Unsplash

Visual Studio Code es un editor de código muy bien valorado por los programadores, esto es debido, entre otras razones, a su sencillez, a las funcionalidades que ofrece, y a que es completamente gratuito y de código abierto. Sin embargo, uno de los elementos mas importantes de VS Code es la posibilidad de instalar extensiones para personalizar, ampliar y mejorar las funcionalidades y aspecto del editor. Estas extensiones también son completamente gratuitas , están desarrolladas y mantenidas por la comunidad, y se pueden encontrar fácilmente en el Marketplace de extensiones integrado en el propio editor. Esto ha llevado a que hoy en día muchas de estas extensiones de VS Code sean indispensables en el trabajo de muchos programadores. en mi caso utilizo varias extensiones para mejorar y facilitar mi trabajo, personalizar mi experiencia de uso, y para incrementar mi productividad.

Si todavía no sabes acerca de las extensiones de Visual Studio Code, en el siguiente video se muestra mas información acerca de estas:

A continuación, voy a mostrar mis extensiones favoritas basándome en la utilidad que me han proporcionado, lo interesantes me parecen, y mi gusto personal.

Bracket Pair Colorizer 2

Se trata de una extensión que pinta los pares de paréntesis o llaves del mismo color para poder identificarlos de una manera sencilla.

Es especialmente útil cuando tenemos estructuras de datos muy jerarquizadas o muchos bloques de código a diferentes niveles. Por eso, es muy recomendable utilizar esta extensión si trabajamos con JavaScript, React o JSON, ya que es muy habitual anidar elementos y tener bloques de código a diferentes niveles, por la naturaleza del lenguaje respecto a los objetos, las promesas, los callbacks y las funciones flecha.

En mi caso, utilizar esta extensión me ahorra bastante tiempo a la hora de encontrar el alcance de cualquier bloque de código, especialmente en Javascript y sus frameworks, pero también en otros lenguajes de programación.

Code Time

Esta extensión sirve para obtener diferentes métricas de la programación y para realizar el seguimiento del tiempo en Visual Studio Code. Para poder utilizarla solamente hay que crearse una cuenta, donde se van a guardar y consultar los datos.

Yo lo uso para consultar mi tiempo de programación activa, mi progreso en esta métrica, el tiempo de programación diario, y el porcentaje de programación activa. Sobre todo esto también se pueden consultar medias, y comparaciones con el resto de programadores.

Mostraría una captura con mis propios datos, pero no seria una buena demostración ya que estas semanas no he trabajado con VSCode, y todas las métricas estarían a 0 🤣

Además, esta extensión ofrece mas funcionalidades e integraciones realmente útiles para los programadores, como generación de informes, creación de equipos, espacios de trabajo.

Es una muy buena opción para mejorar la productividad y conocer/mejorar nuestros hábitos de trabajo, sobre todo si trabajamos desde casa, ya que en esta circunstancia es muy fácil trabajar fuera de los horarios ideales, o incluso mas o menos tiempo de debido.

Path Intellisense

Esta extensión realiza la simple función de autocompletado de rutas de archivos o carpetas.

Como se puede ver, esta extensión no tiene mucho misterio, pero ahorra tiempo, facilita el trabajo, y mejora la experiencia de programación. Basándome en mi experiencia y opinión, creo que utilizar esta extensión puede resultar muy conveniente

GitLens

Obviamente con GitLens se pueden realizar las cualquiera de las operaciones de Git de una manera sencilla e integrada en VSCode, pero asimismo es una extensión que incrementa y mejora las funciones de Git, y el flujo de trabajo con esta herramienta. Destaca por una interfaz grafica de Git integrada en VSCode muy potente, que cuenta con una gran cantidad de funcionalidades, que por extensión obviamente no voy a escribir aquí, pero que se pueden consultar en https://gitlens.amod.io/#features

En mi caso, como herramienta GUI de Git utilizo SourceTree simplemente por costumbre, no creo que sea mejor o peor, simplemente lo he utilizado toda la vida para realizar las funciones de Git. Sin embargo, GitLens tiene funcionalidades para comparar código y explorar historial que uso bastante. Por otra parte esta extensión se integra con editor de código para mostrar información de los últimos cambios y cuando se han hecho estos cambios sobre este, incluso mientras estamos escribiendo el código. Sin duda un buen conjunto de herramientas muy potentes.

Noctis

Se trata de un conjunto de temas para personalizar visualmente el editor. Lo he escogido porque los colores son muy atractivos, y sobre todo porque tiene un tema de color rojo (Noctis Bordo)bastante bueno para mis ojos.

Decidí cambiar porque note que últimamente los colores cálidos me causan menos fatiga en los ojos, y con este tema estoy bastante contento debido al contraste entre los colores, la calidez de esto, y sobre todo el aspecto visual.

Shades of Purple

Se trata del tema que utilizaba antes de cambiar a Noctis, con colores llamativos que quedan muy bien con el morado predominante de este tema, me parece que es un tema mas atractivo que Noctis, debido a la buena combinación de colores. En mi opinión creo que tiene el mejor aspecto visual de todos los temas de Visual Studio Code, es realmente vistoso, llamativo, vibrante y colorido.

VSCode Great Icons

Finalmente, esta extensión modifica y añade una gran cantidad de iconos a Visual Studio Code. Puede parecer algo simplemente estético, pero mejora la experiencia del usuario y facilita la identificación de los diferentes elementos en la barra lateral, ya que es muy habitual tener una gran cantidad de archivos y carpetas de diferentes tipos, donde en ocasiones puede ser realmente complicado encontrar aquello que estemos buscando. Además, con estos iconos el editor se ve realmente bien.

Bueno, espero que esta muestra haya servido que de alguna u otra manera hayáis podido mejorar vuestra experiencia al programar en Visual Studio Code, ya que las extensiones son buenas herramientas para hacer el trabajo mas fácil y productivo, para personalizar cualquier aspecto del editor, y para añadir funcionalidades extra.

--

--