VS Code Settings

One stop shop for all your vscode needs

Extensions

Better Comments

Improve your code commenting by annotating with alert, informational, TODOs, and more!

C/C++

C/C++ IntelliSense, debugging, and code browsing.

Class Collapse

Improves code readability by collapsing anything you want

CMake

CMake langage support for Visual Studio Code

CMake Tools

Extended CMake support in Visual Studio Code

Container Tools

Makes it easy to create, manage, and debug containerized applications.

CSS Peek

Allow peeking to css ID and class strings as definitions from html files to respective CSS. Allows peek and goto definition.

Discord Presence

Update your discord status with a rich presence.

Docker

Makes it easy to create, manage, and debug containerized applications.

Docker DX

Edit smarter, ship faster with an enhanced Docker-development experience

Error Lens

Improve highlighting of errors, warnings and other language diagnostics.

ESLint

Integrates ESLint JavaScript into VS Code.

Supercharge Git within VS Code — Visualize code authorship at a glance via Git blame annotations and CodeLens, seamlessly navigate and explore Git repositories, gain valuable insights via rich visualizations and powerful comparison commands, and so much more

Hex Editor

Allows viewing and editing files in a hex editor

indent-rainbow

Makes indentation easier to read

JavaScript and TypeScript Nightly

Enables typescript@next to power VS Code's built-in JavaScript and TypeScript support

Live Server

Launch a development local Server with live reload feature for static & dynamic pages

Material Icon Theme

Material Design Icons for Visual Studio Code

Material Theme (But I Won't Sue You)

A Apache-2 licensed fork of Material Theme with no threats of legal action

PHP Intelephense

PHP code intelligence for Visual Studio Code

Pretty TypeScript Errors

Make TypeScript errors prettier and more human-readable in VSCode

Pylance

A performant, feature-rich language server for Python in VS Code

Python

Python language support with extension access points for IntelliSense (Pylance), Debugging (Python Debugger), linting, formatting, refactoring, unit tests, and more.

Python Debugger

Python Debugger extension using debugpy.

Python Environments

Provides a unified python environment experience

Strict Whitespace

Discover poor whitespace in documents.

Swedish - Code Spell Checker

Swedish dictionary extension for VS Code.

Tailwind CSS IntelliSense

Intelligent Tailwind CSS tooling for VS Code

User Settings

{
	"C_Cpp.default.compilerPath": "",
	"cSpell.language": "en,sv",

	"diffEditor.ignoreTrimWhitespace": false,
	"discord.detailsEditing": "Editing {dir_name}/{file_name}",

	"editor.fontFamily": "'JetBrains Mono', Consolas, 'Courier New', monospace",
	"editor.minimap.enabled": false,
	"editor.renderWhitespace": "none",
	"editor.stickyScroll.enabled": false,
	"editor.wordWrap": "on",
	"errorLens.enabledDiagnosticLevels": [
		"error",
		"warning"
	],
	"explorer.autoReveal": false,
	"explorer.compactFolders": false,

	"git.confirmSync": false,
	"gitlens.codeLens.scopes": [
		"document"
	],
	"gitlens.hovers.enabled": false,

	"indentRainbow.colors": [
		"oklch(40.09% 0.0628 274.11)",
		"oklch(40.09% 0.0785 274.11)",
		"oklch(40.09% 0.0942 274.11)",
		"oklch(40.09% 0.1099 274.11)",
		"oklch(40.09% 0.0942 274.11)",
		"oklch(40.09% 0.0785 274.11)",
	],
	"indentRainbow.indicatorStyle": "light",
	"indentRainbow.lightIndicatorStyleLineWidth": 4,

	"settingsSync.ignoredExtensions": [],

	"terminal.integrated.fontFamily": "'JetBrainsMono NFM', Consolas, 'Courier New', monospace",
	"terminal.integrated.env.windows": {},

	"workbench.colorTheme": "Material Theme Palenight High Contrast",
	"workbench.iconTheme": "material-icon-theme",
}

.vscode/settings.json

{
	"diffEditor.ignoreTrimWhitespace": false,
	"editor.formatOnPaste": false,
	"editor.formatOnSave": false,
	"editor.formatOnSaveMode": "modifications",
	"editor.defaultFormatter": null,
	"editor.detectIndentation": false,
	"editor.indentSize": "tabSize",
	"editor.insertSpaces": false,
	"editor.tabSize": 4,
	"files.autoGuessEncoding": false,
	"files.encoding": "utf8",
	"typescript.preferences.importModuleSpecifier": "non-relative",
	"workbench.editorAssociations": {
		"*.svg": "default"
	}
}

FAQ

Why aren't you using any formatters?

I used Prettier for 5+ years. Then I started working for a company that didn't use formatters, and after a while I got frustrated that Prettier wanted to split lines into multiple lines when those lines could fit on just one line without scrolling. I disabled Prettier on my personal projects and instead configured my .vscode/settings.json to handle formatting manually. This gives me full control over code appearance without the opinionated line-breaking behavior of formatters.
I do recommend using a formatter if you are new to coding or unsure how to format code

Is Error Lens distracting with all the inline error highlighting?

No. It makes development more convenient since you don't need to hover over problematic code to see what's wrong.

How does GitLens compare to the built-in Git features?

I primarily use GitLens to see who made changes, when they were made, and which commit introduced them.

Why disable the minimap?

It takes up screen space without providing valuable information. I prefer maximizing the code editing area.

Why turn off explorer auto-reveal?

I want my file explorer to stay clean and organized. I navigate primarily using Ctrl + Shift + P (Command Palette) anyway.

What's the benefit of using tabs over spaces?

For me, it comes down to fewer keystrokes and personal preference. I've always used tabs, find them more efficient, and I happen to agree with Linus Torvalds spaces are never used for indentation.
He also said, Get a decent editor and don't leave whitespace at the end of lines. That's why I use Strict Whitespace. I can't stand mixed indentation or stray whitespace hanging around at the end of a line.

Why use JetBrains Mono font?

I have dyslexia, and this font significantly improves readability for me.