Skip to main content

Top VS Code Extensions

For this article, I’m going to skip over default language packs since they are a goto install.

Material Theme

Download

The most important part of any IDE is its aesthetics.

After installing, use the command “Preferences: Color Theme” to select a theme.

The theme I use is “Material Theme Darker High Contrast” combined with this custom setting so that comments appear lighter.

"editor.tokenColorCustomizations": {
        "[Material Theme Darker High Contrast]": {
            "textMateRules": [
                {
                    "scope": [
                        "comment",
                        "comment punctuation.definition.comment",
                        "string.quoted.docstring.multi.python",
                        // example comment
                    ],
                    "settings": {
                        "foreground": "#a1a1a1"
                    }
                }
            ]
        }
    },

Material Theme Icons

Download

Aesthetics can be improved further than a theme. We need nice icons in the file explorer!

Code Runner

Download

This extension let’s you run a file using Ctrl + Alt + N. I suggest changing the settings so that Code Runner runs in an integrated terminal rather than an output window so that you can enter input.

Better C++ Syntax

Download

If you are a C++ worshipper like I am, this extension is right up your ally. If you are a vim/emacs/Stallman worshipper, why are you even reading this?

Spell Check

Download

If you are using vscode for Markdown, I recommend installing this extension as well as creating a .vscode/settings.json with the following:

{
    "editor.fontFamily": "Helvetica, Sans-serif, Consolas, 'Courier New', monospace",
    "editor.fontSize": 16,
    "editor.fontWeight": "normal"
}

Git Graph

Download

Git Graph, although not perfect, is one of the easiest ways to perform a git rebase / squash. To do so, simply right click a previous commit and click “reset” and then commit your changes, and then click force push normal git view. To rebase on a commit in origin, you just have to pull, fix merge conflicts, and then do the same thing.

Excel Viewer

Download

View CSV files in VSCode itself.

Fix JSON

Download

I’m not sure if this is still the case, but VS Code can’t auto-format JSON files by default. PRO Tip: if you don’t want linters to go off on comments in JSON files, use the .jsonc file extension.

Jinja

Download

If you use Flask, this is a very nice extension.

MongoDB for VS Code

Download

If you use MongoDB Atlas, this extension is much nicer than the Compass app to find, view, and edit documents in your database.

ShellCheck

Download

If you work with shell files, this extension is helpful to catch some bugs you may accidently write simply due to how bash/sh interprets differently because of missing quotation marks.

Remote Development

Download

If you need to ssh often to do some programming, I suggest using this extension and reading my tutorial

Remote X11

Download

Sets the DISPLAY variable when in a remote workspace so that GUI applications can be run from VS Code.

vscode-pdf

Download

I’m not sure if this extension is buggy, but I used this extension extensively when doing programming assignments to avoid alt-tabbing. I usually split my editor into two panels and have pdfs open on the right panel. Even with two monitors, I’d still use this extension since the second monitor will be used for gaming or watching videos.