Cómo programar más rápido con 20 extensiones de VSCode

Soy muy fan de VSCode. Estas son las 20 extensiones que uso en mi flujo de trabajo, con una descripción especial para mi top 3.
1-TabNine: es la extensión más potente para autocompletar y ayudarte con tu código. https://marketplace.visualstudio.com/items?itemName=TabNine.tabnine-vscode
2-Abracadabra: excelente asistente para refactorizar código. https://marketplace.visualstudio.com/items?itemName=nicoespeon.abracadabra
3-SimonTest: el asistente más potente para generar pruebas https://marketplace.visualstudio.com/items?itemName=SimonTest.simontest
4-SonarLint https://marketplace.visualstudio.com/items?itemName=SonarSource.sonarlint-vscode
5-Error Lens (dónde está mi error) https://marketplace.visualstudio.com/items?itemName=usernamehw.errorlens
6-Preview webserver en VSCode https://marketplace.visualstudio.com/items?itemName=yuichinukiyama.vscode-preview-server
7-Live webserver https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer
8-Live Sass compiler https://marketplace.visualstudio.com/items?itemName=ritwickdey.live-sass
9-Jest https://marketplace.visualstudio.com/items?itemName=Orta.vscode-jest
10-Jest Test Runner en VSCode https://marketplace.visualstudio.com/items?itemName=firsttris.vscode-jest-runner
11-ES6 Snippets https://marketplace.visualstudio.com/items?itemName=xabikos.JavaScriptSnippets
12-Hocus pocus (mejora la velocidad programando con TypeScript) https://marketplace.visualstudio.com/items?itemName=nicoespeon.hocus-pocus
13-Gitlens https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens
14-GitIgnore (permite agregar elementos al gitignore fácilmente) https://marketplace.visualstudio.com/items?itemName=codezombiech.gitignore
15-ESLint https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint
16-es7 react snippets https://marketplace.visualstudio.com/items?itemName=dsznajder.es7-react-js-snippets
17-bracket pair https://marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer-2
18-Babel https://marketplace.visualstudio.com/items?itemName=dzannotti.vscode-babel-coloring
19-Angular Files https://marketplace.visualstudio.com/items?itemName=alexiv.vscode-angular2-files
20-Angular Essentials https://marketplace.visualstudio.com/items?itemName=johnpapa.angular-essentials
Foto de Sven Brandsma en UnsplashReflections on career, soft skills, productivity, and the human side of programming.
Artículos Relacionados
Por qué cambié de NVM a Volta
Hoy en día, cuando trabajamos con múltiples aplicaciones y proyectos, cada uno con sus propias versiones de librerías, es clave tener un entorno flexible. Te cuento por qué cambié nvm por Volta para gestionar versiones de Node automáticamente.
Cómo usar VSCode para escribir commits en Git
Si la ventana de la terminal te resulta muy pequeña para escribir tus commits, usar VSCode es la solución. Configurarlo es muy fácil con unos simples pasos.
Compartir este artículo
Si esta guía te resultó útil, compártela con tu equipo o con otros desarrolladores.
Software real. Lecciones reales.
Comparto las lecciones que aprendí por las malas, para que puedas evitarlas o estar preparado cuando ocurran.
Únete a 13,800+ desarrolladores y lectores.
Cero spam. Cancela tu suscripción en cualquier momento.