Top VS Code Extensions
For this article, I’m going to skip over default language packs since they are a goto install.
Atom One Dark Theme
This is the primary theme I use nowadays. I used to use Material Theme for VSCode but I used Atom One Dark for IntelliJ and honestly, it is more popping.
After installing, use the command “Preferences: Color Theme” to select a theme.
Add this custom setting so that comments appear lighter.
"editor.tokenColorCustomizations": {
"[Atom One Dark Theme]": {
"textMateRules": [
{
"scope": [
"comment",
"comment punctuation.definition.comment",
"string.quoted.docstring.multi.python",
// example comment
],
"settings": {
"foreground": "#a1a1a1"
}
}
]
}
},
Material Theme Icons
Aesthetics can be improved further than a theme. We need nice icons in the file explorer!
EditorConfig Support
Even Better TOML
Just
Live Share
By Microsoft
Markdown
- Everything by Matt Bierner
- Paste Image
Python
Better C++ Syntax
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
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
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
View CSV files in VSCode itself.
Fix JSON
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
If you use Flask, this is a very nice extension.
MongoDB for VS Code
If you use MongoDB Atlas, this extension is much nicer than the Compass app to find, view, and edit documents in your database.
ShellCheck
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
If you need to ssh often to do some programming, I suggest using this extension and reading my tutorial
Remote X11
Sets the DISPLAY variable when in a remote workspace so that GUI applications can be run from VS Code.
vscode-pdf
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.
CodeSnap
Take beautiful screenshots of your code (shouldn’t need to though)