DEV Community

JoseXS
JoseXS

Posted on • Edited on

3

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)

Eliminate Context Switching and Maximize Productivity

Pieces.app

Pieces Copilot is your personalized workflow assistant, working alongside your favorite apps. Ask questions about entire repositories, generate contextualized code, save and reuse useful snippets, and streamline your development process.

Learn more