Extensiones de Visual Studio Code que te ayudaran a permanecer en el editor
Tags: webdev, programming, productivity, vscode
Published: 2022-02-09 23:16:47

Cambiar constantemente entre diferentes tareas y herramientas requiere que tu cerebro salte de un proceso de pensamiento a otro. Los desarrolladores suelen preferir largos bloques de trabajo ininterrumpido para adentrarse en el trabajo profundo.

Las extensiones que te ayudan a permanecer en el editor reducen el cambio de contexto y te ayudan a alcanzar el estado de flujo.

Veamos algunas de las más útiles:

#[Git History](https://marketplace.visualstudio.com/items?itemName=donjayamanne.githistory)#

![Git History](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/0e69lrn6ls4qj60hhhim.gif)

Git History te ayuda a evitar el cambio del editor VS Code a GitHub. 
Te ayudara con:

- El registro git junto con el gráfico y los detalles
- La copia anterior del archivo
- El historial de un archivo o de una línea de un archivo (Git Blame) y mucho más.


#[Image preview](https://marketplace.visualstudio.com/items?itemName=kisstkondoros.vscode-gutter-preview)#

![Image preview](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/x3cgxmld3efkty7hiu4o.png)

La extensión Image Preview proporciona vistas previas en línea para las imágenes incluidas en los tipos de archivos HTML. La extensión muestra una ventana emergente en la superficie del editor, y una vista previa de la imagen opcional en el gutter, que puede activarse o desactivarse en la Configuración del usuario.


#[Issue tracker](https://marketplace.visualstudio.com/items?itemName=Stepsize.stepsize)#

![Issue tracker](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/a0efox9pritp5kzu4o5f.gif)

Esta extensión creada por Stepsize te permite:

Crear, ver y editar problemas de la base de código, como el technical debt, el trabajo de refactorización y otros defectos directamente desde su editor.
A continuación, puede colaborar en estos problemas con tus compañeros de equipo, upvoting cuestiones importantes, la adición de cuestiones clave en los sprints con la integración de Jira, y resolverlos, todo directamente en el editor.
Es una herramienta excelente para reducir el cambio de herramientas mientras mejora su código base.


#[Remote-Containers](https://marketplace.visualstudio.com/items?itemName=ms-vscode-remote.remote-containers)#

![Remote-Container](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/wyfdr0z5opi5afdlcih4.jpg)

La extensión Remote - Containers te permite utilizar un contenedor Docker como un entorno de desarrollo completo. Tanto si desarrolla en contenedores como si no, los contenedores son un gran entorno de desarrollo porque te permiten:

- Desarrollar con una cadena de herramientas consistente y fácilmente reproducible en el mismo sistema operativo en el que se despliega.
- Intercambiar rápidamente entre diferentes entornos de desarrollo separados y realizar actualizaciones de forma segura sin preocuparse por el impacto de su máquina local.
- Facilitar a los nuevos miembros del equipo/colaboradores la puesta en marcha en un entorno de desarrollo consistente.


#[Excel Viewer](https://marketplace.visualstudio.com/items?itemName=GrapeCity.gc-excelviewer)#

![Excel Viewer](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/wkfdpcssajrt7n1283m0.gif)

Esta extensión es imprescindible para los desarrolladores que trabajan mucho con archivos CSV. Proporciona visores de sólo lectura para archivos CSV y hojas de cálculo de Excel dentro del espacio de trabajo actual de VS Code, ¡ahorrandoles fácilmente horas de trabajo!


#[Dash](https://marketplace.visualstudio.com/items?itemName=deerawan.vscode-dash)#

![Dash](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/1dacp5rf5iqgjgxrwst6.gif)

Dash es un navegador de documentación de API y un gestor de fragmentos de código. Dash busca instantáneamente conjuntos de documentación fuera de línea para más de 200 APIs, más de 100 cheat sheets y más. Incluso puedes generar tus propios conjuntos de documentación o solicitar que se incluyan conjuntos de documentación.