🇺🇸 EN
Dev Life
·1 min read·↗·🇺🇸 EN

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

Portada principal del artículo: 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 Unsplash
Parte de la serie Dev Life

Reflections on career, soft skills, productivity, and the human side of programming.

Ver serie completa

Artículos Relacionados

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.

User avatar
User avatar
User avatar
User avatar
+13K

Únete a 13,800+ desarrolladores y lectores.

Cero spam. Cancela tu suscripción en cualquier momento.