DEV Community 👩‍💻👨‍💻

JoseXS
JoseXS

Posted on • Updated on

Extensiones VS Code 2022

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

Top comments (0)

Why You Need to Study Javascript Fundamentals

>> Check out this classic DEV post <<