If you haven’t yet, go install Quit Control - a super handy tool that will prompt you every time when you will try to quit VSCode by keyboard shortcuts. 

This is a life-saver for when you accidentally press on `Cmd + Q`.

I don’t know about you, but I definitely have landed my fingers a-bunch-a times accidentally on this combo of keys and watched VS Code sail away into abyss. 

While it’s not the end of the world, it’s much nicer when you don’t unintentionally close your VSCode and all the terminals within it.

That was my first item on the list, but…

# Here is a list of must-have VSCode extensions for 2021.

… a bit late for 2021 list, you say? Maybe, but things are constantly changing and I have a couple of fresh picks, so here it is:

 1. **[Change-Case](https://marketplace.visualstudio.com/items?itemName=wmaurer.change-case)**

    As of now, the spring of 2021 - this is my top pick! I came across this a few years ago and have no clue why I didn’t keep using it. Either way, let me tell ya - if you work with variables (and if you work with code you most definitely do) and variable renaming this will save you some serious soul-irritation!

    In under a couple of seconds you can turn this:

    ```javascript
    const superLongAndDefinitelyNotPleasantToRenameVariable = "Damn.";
    ```

    into this:

    ```javascript
    const SUPER_LONG_AND_DEFINITELY_NOT_PLEASANT_TO_RENAME_VARIABLE = "Damn.";
    ```

    or any other casing. You can also leverage to multiple-cursors and save freaking MINUTES. Mind blown, am I right. 🤯
 2. [Color highlighter](https://marketplace.visualstudio.com/items?itemName=naumovs.color-highlight)

    If you don’t mind and don’t get too bad of a case of vertigo from a few coloured tags in your text editor, this one is neat because it will highlight and make it much more obvious what is the colour of your HEX code. 👌🏼
 3. [Highlighter](https://marketplace.visualstudio.com/items?itemName=wayou.vscode-todo-highlight)

    This will highlight your comments for TODO, FIXME, and other keywords that you can manually define.
 4. [Turbo Console Log](https://marketplace.visualstudio.com/items?itemName=ChakrounAnas.turbo-console-log)
 5. **[Code Spell Checker](https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker)** - this one ladies, and gentlemen and everyone else, is going to make you look like a pro linguist, I tell ya!
 6. [Auto Rename Tag](https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag)
 7. [Prettier](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode) (duh)
 8. [Bracket Pair Colorizer](https://marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer)
 9. **[ESLint](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint)**
10. **[Next.js React Snippets](https://marketplace.visualstudio.com/items?itemName=iJS.reactnextjssnippets)**

\


My personal picks of the must-have VS Code extensions. This post is updated quarterly!

Must have VS Code extensions for 2021