How to speed coding with 20 VSCode extensions
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
Photo by Sven Brandsma on UnsplashReflections on career, soft skills, productivity, and the human side of programming.
Related Articles
Why I moving from NVM to Volta
Nowadays, when we need to work with multiple apps and products, and each one has its own version of libraries, it is important to make your environment flexible to changes. At that moment, nvm becomes a great option to run multiple versions of Node o...
How to Use VSCode for Writing Git Commits
If the terminal window is too small for writing your commits, then using VSCode is your solution. Configuring it is easy. First, run the following command in the terminal: git config --global core.editor "code --wait". git config --global core.editor...
Share this article
If you found this guide helpful, consider sharing it with your team or fellow developers.
Real Software. Real Lessons.
I share the lessons I learned the hard way, so you can either avoid them or be ready when they happen.
Join 13,800+ developers and readers.
No spam ever. Unsubscribe at any time.