Personalización de Visual Studio Code

vlade
4 min readJun 16, 2021

--

Visual Studio Code

Visual Studio Code se ha convertido por méritos propios en uno de los editores más utilizados, sino el que más. Las razones son diferentes para cada persona, las mías son:

  • Versatilidad. Es capaza de gestionar y facilitar ayudas en múltiples tipos de fichero. Lo puedes utilizar para muchas cosas.
  • Extensiones. Incorpora un ingente catálogo de temas, plugins, idiomas, iconos, … que mejoran lo que ofrece de serie y tu flujo de trabajo.
  • Es multiplataforma. Algo esencial para los que trabajamos con varios sistemas operativos, no tener que cambiar de combinaciones de teclas, usos, aspecto visual y muchas cosas más, cada vez que cambiamos de equipo.
  • Su mejora continua que lo está evolucionando costantemente.

Para qué uso Visual Studio Code

Lo uso como editor de texto simple (txt), aunque pueda parecer mucho software para eso. Ahora mismo es el editor markdown al que recurro con mayor frecuencia, este artículo lo he escrito primero en él. Y por supuesto para cualquier lenguaje de programación y scripting que puedas pensar. Aunque para diseñar web sigo prefiriendo Coda y seguramente de el salto a Nova.

Visión general de la interfaz

Interfaz

Antes de nada, para entendernos con más facilidad, vamos a revisar la estructura de la interfaz de VSCode.

A la izquierda tenemos la barra de actividades. Desde aquí visualizamos todos los archivos y carpetas de nuestros proyectos, realizamos búsquedas, ejecutamos código y muchas cosas más. El detalle de esos elementos los visalizamos en la barra lateral.

El editor, es la zona donde editamos los archivos.

La barra de estado contiene información sobre el proyecto abierto y los archivos que editamos.

Debajo de los editores se pueden mostrar diferentes paneles con información de salida o depuración, errores y advertencias, o incluso un terminal integrado.

Instalación de extensiones

Extensiones

Las diferentes extensiones que vamos a incorporar las encontraremos en la barra de actividades.

Búsqueda de extensiones

En el área de extensiones tenemos:

  • Un listado de las extensiones instaladas
  • Una serie de recomendaciones según nuestro uso de la aplicación
  • Un buscador

En el recuadro de búsqueda, introducimos spanish.

Apareceran las extensiones relacionadas con el idioma.

Spanish

Tan solo deberemos darle a instalar (install porque lo hacemos desde la interfaz en inglés). Nos sugerirá reiniciar la aplicación para empezar a usar la interfaz en español.

Si volvemos a la lista de extensiones, y marcamos la que acabamos de instalar, vemos que tenemos botones para desinstalarla, un botón circular de flechas y un engranaje. El botón de flechas es por si no queremos que esta extensión se sincronice.

Sincronización

Porque podemos configurar que se sincronice nuestra configuración y extensiones a través de una cuenta de GitHub o una cuenta Microsoft. Es muy práctico si utilizamos diversos equipos.

Extensiones que utilizo

Para Markdown utilizo unas cuantas:

Polacode

Si deseas crear capturas bonitas de código para tus publicaciones, puedes usar Polacode

Es frecuente el trabajo con servidores remotos a través de SSH, esta extensión oficial es esencial.

Cuando trabajas con varias áreas de trabajo diferentes a la vez, dotarlas de colores diferentes ayuda. Eso lo conseguimos con Peacock.

Iconos

Para el aspecto de los iconos uso dos diferentes según me da:

Otra cosa modificable son los iconos de la aplicación. Me gusta Fluent-Icons.

Como tema para el código, actualmente uso Andromeda. Pero esto lo cambio en cuanto me canso. Puedes elegir alguno desde esta web, te ayudará a decidir.

Más allá

Instalar las extensiones no es el último paso. Es importante conocer cómo funcionan.

Uso

En la página de instalación de la extensión solemos tener una pequeña guía de uso y de las novedades que adquiere conforme se van actualizando.

Configuración

También, tenemos que tener en cuenta que, a la vez que la aplicación tiene su configuración, las extensiones también son configurables y se pueden adaptar mejor a nuestro uso. Lo haremos desde el engranaje de la barra de actividades y configuración.

Utilizo, ocasionalmente, algunas extensiones más. Considero esto una entrada viva y conforme se vayan asentando en mi historial de extensiones las iré añadiendo. Si tienes alguna sugerencia, no dudes en comentarla.

--

--

vlade
vlade

Written by vlade

Si hago preguntas sobre todo, es porque busco respuestas.

No responses yet