Extensiones VS Code 2022
Tags: vscode, util
Published: 2022-08-20 15:35:48

Empezando mi andadura por Dev.to, voy a intentar comentar los que para mí, son los mejores plugins (y los que intento usar a menudo) en VS Code.

Ante todo comentar que mi actividad diaria se basa en desarrollo con Angular/Ionic, asi como Flutter para la parte de Frontend, y NodeJS + MongoDB para la parte del Backend.

## Bases de datos / Peticiones Web
**MySQL**
Esta extension tiene un nombre que engaña, ya que sirve para poder conectarse a varios tipos de bases de datos. Yo entre las opciones que tiene, lo uso para conectarme a MongoDB y poder modificar la base de datos sin salirme de VS Code
https://marketplace.visualstudio.com/items?itemName=cweijan.vscode-mysql-client2

**Thunder Client**
Para mi, el sustituto de Postman, puedes probar peticiones http, asi como realizar test sobre las respuestas y guardarte estas peticiones en tu repositorio
https://marketplace.visualstudio.com/items?itemName=rangav.vscode-thunder-client

## Compartir / Pair Programing
**Live Server**
Te crea un mini servidor para probar tus archivos HTML/JS
https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer

**Live Share**
Muy util para trabajar varias personas sobre el mismo repositorio. Si instalas Live Share Audio, tambien podras, obviamente, hablar.
https://marketplace.visualstudio.com/items?itemName=MS-vsliveshare.vsliveshare

## Git / Github
**Git Graph**
Puedes ver tus commits de forma gráfica, bastante recomendado
https://marketplace.visualstudio.com/items?itemName=mhutchie.git-graph

**Git History**
Podrás ver mas informacion sobre tus commits
https://marketplace.visualstudio.com/items?itemName=donjayamanne.githistory

**Github Copilot**
El descubrimiento del año, de momento esta muy verde y aun asi ayuda mucho con el auto completado del código, cuando este al 100%, va a ser una ayuda esencial en el día a día
https://marketplace.visualstudio.com/items?itemName=GitHub.copilot

**Github Pull Request and Issues**
Te aparece una nueva opcion en la barra lateral para gestionar mejor tus issues y las pull request de tu repositorio
https://marketplace.visualstudio.com/items?itemName=GitHub.vscode-pull-request-github

**GitLens**
Te ofrece muchas opciones para tus repositorios de GIT, la mas util a mi parecer, es que te aparece quien y cuando a editado la linea sobre la que estas (si ha sido commiteada)
https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens

## Snippets
**Angular Snippets**
Snippets útiles para Angular
https://marketplace.visualstudio.com/items?itemName=johnpapa.angular2

**Awesome Flutter Snippets**
Te añade bastantes plugins útiles para Flutter que te agilizan el dia a dia
https://marketplace.visualstudio.com/items?itemName=Nash.awesome-flutter-snippets

## Otros
**AutoImport**
Cuando escribes la referencia de un archivo, te aparece la opcion de importar
https://marketplace.visualstudio.com/items?itemName=steoates.autoimport

**Cloak**
Te oculta las claves de tus archivos .env
https://marketplace.visualstudio.com/items?itemName=johnpapa.vscode-cloak
CodeSnap
Podrás crear capturas de pantalla de tu código de una forma fácil
https://marketplace.visualstudio.com/items?itemName=adpyke.codesnap

**CodeHighlight**
Te aparecen los códigos de color, pintados en su color
https://marketplace.visualstudio.com/items?itemName=naumovs.color-highlight

**JSON to TS**
Convierte una respuesta de JSON, en una interface de Typescript
https://marketplace.visualstudio.com/items?itemName=MariusAlchimavicius.json-to-ts

**Markdown Preview Enhanced**
Cuando estas editando un archivo .md, si pulsas sobre el botón derecho sobre el archivo, te dará una opción para previsualizarlo en tiempo real.
https://marketplace.visualstudio.com/items?itemName=shd101wyy.markdown-preview-enhanced

**Move TS**
Cuando movemos un archivo a otra carpeta y esta enlazado por codigo en otro archivo, nos ofrecerá la opción de modificar la nueva ruta.
https://marketplace.visualstudio.com/items?itemName=stringham.move-ts

**Open in browser**
Te da la opcion al pinchar sobre archivos .html de abrir en un navegador
https://marketplace.visualstudio.com/items?itemName=techer.open-in-browser

**Pubspec Assist**
Te ayuda bastante a la hora de importar/actualizar paquetes en archivos .yml
https://marketplace.visualstudio.com/items?itemName=jeroen-meijer.pubspec-assist