VSCode Setup

Cursor - I just started using Cursor, which is a fork of VSCode (all extensions still work) with Claude built-in. So far I'm finding it a lot more useful than Copilot.

Theme

“Minimal” theme - Simple and clean.

Glyph for vscode - I use the “Legacy” version

Material Product Icons - I like them better than the default ones.

Extensions

Auto Rename Tag

Dotenv - This extension keeps your env files synced across machines.

Postman - Test APIs without leaving the editor.

Draw.io - Great for creating diagrams within VSCode.

Figma - View any figma file within VSCode. You can even copy the code if you have a pro subscription.

GitLens - Makes it easy to see who made changes throughout a file. I still like having it for solo projects.

Project Manager - Quickly jump between projects.

Remote Explorer - Great if you work with VMs often.

Tailwind CSS IntelliSense - Convenient autocomplete and lets you see the raw CSS for each Tailwind class.

Todo Highlight - Highlights TODOs and FIXMEs so they're easier to find.

WSL - Allows you to open a folder in WSL. Must-have when working on my windows machine.

MacOS Icon

Download Vintage VSCode Icon

How to change icon:

1. Hold ⌘ and click VSCode in your dock
2. With it now revealed in Finder, select it and hit ⌘ + I
3. This opens up the info about VSCode, just drag the .icns file into the icon preview in the top left corner (next to 'Visual Studio Code' text)
4. Open your terminal app (I recommend Warp), type in killall Dock — this restarts the Dock and shows the updated icon

Video recorded with screen.studio