More. MOOORRRRRE!!

VS Code extensions to make the JavaScript life a little easier

If you haven’t spent any time customizing your text editor, now is the time. Below you’ll find a short list of my favorite extensions that’ll make your life much easier.

1. Live Server

This extension will automatically apply all changes to your document in the current browser window, without manual page reload. Saved you roughly a million clicks just now and we’re only on the first one!

Live Server

2. Code Spell Checker

I’ve spent way too much time trying to find real syntax or logic errors when the only issue with my code was one too many Es somewhere in my code. This will help. A lot.

Best part for JS: it works really well with CamelCase.

Code Spell Checker

3. Prettier (Code Formatter)

Prettier is an opinionated code formatter. It enforces a consistent style by parsing your code and re-printing it with its own rules, or any rules you’d like to configure in the settings. You want your tabs to be 8 spaces? You’re a monster, but you got it, buddy.

Prettier

4. VSCode-Icons

Flashy icons!!! That’s all.

VSCode-Icons

5. JavaScript (ES6) code snippets

Everyone loves code snippets just dropping into their screen with minimal effort. This extension got you covered for JavaScript in ES6 syntax. (If you’re new to JavaScript and this means nothing to you yet, give it a few days and thank me later.)

JavaScript (ES6) code snippets

6. Bracket Pair Colorizer

Matching brackets are now the same color. Revolutionary. Seriously.

Bracket Pair Colorizer

7. Auto Close Tag

The </p> to your <p> . Simple. Elegant. Better.

Auto Close Tag

8. Path Intellisense

This extension completes your file paths for you, in JS and HTML files. No typos, no copy/pasting. Life saver.

Path Intellisense

9. ESLint

ESLint can format your code as well as analyze it and make suggestions on how to improve it. ESLint is configurable, so you can choose the formatting issues you care about: spacing, semicolons, quotes etc. It’s a bit more involved to set up than the others, here is a great tutorial to get you started. You can potentially run into conflicts with other formatters but troubleshooting is pretty straightforward.

That’s my shortlist for must have extensions, a well customized text editor will save you many hours of frustration, it’s just the right thing to do.

Software Engineer. Creature of Havoc.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store