VS Code Settings
One stop shop for all your vscode needs
Extensions
Auto Rename Tag
Auto rename paired HTML/XML tag
Better Comments
Improve your code commenting by annotating with alert, informational, TODOs, and more!
Bookmarks
Mark lines and jump to them
Class Collapse
Improves code readability by collapsing anything you want
Code Spell Checker
Spelling checker for source code
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.
Error Lens
Improve highlighting of errors, warnings and other language diagnostics.
ESLint
Integrates ESLint JavaScript into VS Code.
GitLens — Git supercharged
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
WSL
Open any folder in the Windows Subsystem for Linux (WSL) and take advantage of Visual Studio Code's full feature set.
User Settings
.vscode/settings.json
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 usingCtrl + 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.