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!
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.
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.
Flashy icons!!! That’s all.
6. Bracket Pair Colorizer
Matching brackets are now the same color. Revolutionary. Seriously.
7. Auto Close Tag
The </p> to your <p> . Simple. Elegant. Better.
8. Path Intellisense
This extension completes your file paths for you, in JS and HTML files. No typos, no copy/pasting. Life saver.
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.