DEV Community


Posted on • Originally published at Medium

5 VSCode Extensions All JavaScript Developers Should Be Using

  1. Snippet Extensions VS Code comes with many built-in code snippets, these snippets help you write code faster in the most productive way, you can easily create functions with references of a few keywords used in snippets. Here are some of the top JS code snippets.

.JavaScrip (ES6) code snippets, (Charalampos Karypidis): Currently the most popular javascript snippet extension with over 3+ million downloads.

.JavaScript Snippets, (Nathan Chapman): snippets for javascript for over 33K+ installs, provides the extension support for Node.js, BDD Testing frameworks such as Mocha and Jasmine

  1. NPM Extensions Every JS project needs npm packages unless you want to do things the hard way, are some VS Code extensions for package management

.npm (egamma): With over 2.3M+ installs this extension uses package.json to validate installed packages, this extension will make sure if anything is missing and will provide the fix for the issue, you can also run npm scripts defined in the pakcage.json inside the editor.

.Search node_modules (Jason Nutter): With over 470k+ installs this extension allows you to quickly open files in node_modules.

  1. Formatting Extensions

.Prettier (Esben Peterson): The most popular extension out there that supports javascript, typescript, and CSS, it has over 5.7 million installs.

.JavaScript Booster (Stephen Burguchev): This is one of the amazing tools for refactoring, several coding actions such as converting var to const or let, also removing extra if-else statements, and merging declaration.

  1. Auto-Complete Plugins

.Kite: Kite is an AI-powered autocomplete plugin where it learns you code pattern and the suggestions are made using that data that it stores on your machine, there are many autocomplete plugin in VSCode but kite turns out to be the most productive for me till now.

  1. Bracket Pair Colorizer

This extension is most loved by developers for making the hassle of identifying the brackets with identifying colors, every pair of brackets get different colors as you code along with it it even becomes way too easy to determine which part you are working with.

Top comments (3)

tgifelix profile image
Felix Swinkels • Edited

Nice write up but I’m having a hard time with the numbers 😅

mohit199thd profile image

haha, I probably did some mistake there

sturpin profile image
Sergio Turpín

Very interesting! 👌