---
title: "How to speed coding with 20 VSCode extensions"
date: "2021-01-21"
slug: "how-to-speed-coding-with-20-vscode-extensions"
author: "Dany Paredes"
canonical: "https://danywalls.com/how-to-speed-coding-with-20-vscode-extensions"
description: "I'm VSCode fan, this is my 20 VSCode extensions in my workflow. A special description for my top 3. 1-TabNine is the most powerful extension for autocomplete and help with your code. https://marketplace.visualstudio.com/items?itemName=TabNine.tabnine..."
---

I'm VSCode fan, this is my 20 VSCode extensions in my workflow. A special description for my top 3.

1-TabNine is the most powerful extension for autocomplete and help with your code.
https://marketplace.visualstudio.com/items?itemName=TabNine.tabnine-vscode

2-Abbracadabra: Amazing refactor helper.
https://marketplace.visualstudio.com/items?itemName=nicoespeon.abracadabra

3-SimonTest: the most powerfull helper for test generation https://marketplace.visualstudio.com/items?itemName=SimonTest.simontest

4-SonarLint https://marketplace.visualstudio.com/items?itemName=SonarSource.sonarlint-vscode

5-Error Lens (where is my error) https://marketplace.visualstudio.com/items?itemName=usernamehw.errorlens

6-Preview webserver in 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 in 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 (improve speed coding with typescript) https://marketplace.visualstudio.com/items?itemName=nicoespeon.hocus-pocus

13-Gitlens https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens

14-GitIgnore (allow add item to git ignore easy) 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

<span>Photo by <a href="https://unsplash.com/@seffen99?utm_source=unsplash&amp;utm_medium=referral&amp;utm_content=creditCopyText">Sven Brandsma</a> on <a href="https://unsplash.com/s/photos/extension?utm_source=unsplash&amp;utm_medium=referral&amp;utm_content=creditCopyText">Unsplash</a></span>