Recommending a 20 or 25 extension list doesn’t make any point to me. You are never gonna use or they never gonna add any value. Thus I came up with an idea of listing the daily usage extensions.
As a javascript developer, you must have a few VSCode extensions, there are thousands of extensions available in the VSCode marketplace, you don’t need to give a try at all of them. Below extensions will increase your productivity and ease your development phase.
ESLint 👍
A puppy shame mistake
Let me start with a short story, a couple of years back I was doing my internship as an SDE. I shared my PR for review after completing the dev testing, at that time I didn’t use the ESLint plugin in my VSCode. The moment my manager pulled my branch and opened the file in her system, a few red lines popped up.
I missed testing the catch block where I have been using an undeclared variable for logging. There she recommended using ESLint. It was a puppy shame mistake, from then I really stick to it.
ESLint will get you covered on basic errors and it helps to stick with industry-standard JS development style. In simple technical terms, a static analyzer to fix the JS code.
GitLens 🤩
One of the best extensions. When you are impressed with a code or want to find out who wrote this idiotic line, you will be often tempted to find the owner of the line.
Stop, you don't need to read git history. GitLens does it for us with ease. Upon installing GitLens, it shows the last modifier of the line with a timestamp.
Quokka JS ✨
No need to go to the chrome console to test a simple JS script, open a new tab in VSCode and start typing the code you want to verify. Quokka will give the result in runtime in the same line. I liked it, give it a try.
You do not need to save the file. To start Quokka, use the cmd + shift + P
Tabnine AI 😎
Does pretty well in code completion and code discovery. Tabnine perfectly syncs with VSCode default auto-complete feature, adds more detailed developer-friendly labels for a quick grab of the functions and specific details. Would recommend it to you.
File Formatter 🎀
We have plenty of file formats most of them will be covered by default within VSCode. If you want feel free to install any of them below, based on your requirement.
1. XML Tools
2. Jupyter
3. Golang
Apart from the above list, we have thousands of extensions starting from comments addition to auto code compilers in runtime.
CodeTour 🤔
It's worth mentioning CodeTour, it's a bliss for people who often need to give KT to their fellow developers. Next time when you are in the position to give repetitive KT, record the codebase flow using the CodeTour extension with your own personal notes and share it. Tada… now the newcomers can get all details from the code tour. We tried it in our non-profit open-source org, it helped us.
Hurray! Now you know the most useful VSCode extensions. Play with them and have a productive day at your work.
