01 June 2025

My VSCode Configuration

This post has been updated to reflect my current VSCode config as of 1st June 2025. The below screenshot is my old config with Apc Customize UI++ and GlassIt-VSC.

After Atom was archived, I switched to Visual Studio Code for my development needs.

Over time, I ended up installing loads of extensions that were either unnecessary or redundant. This led to an incredibly slow and bloated editor.

I decided to start fresh and only install the extensions I need. Here's my minimal VSCode setup for development.

The Extensions I Use

Here's a list of the extensions I use in my setup, alongside the required language support extensions:

Mellow - My favorite theme for VSCode.
Prettier - Code formatter.
Tailwind CSS IntelliSense - Tailwind CSS IntelliSense.
Pretty Typescript Errors - Better TypeScript error messages.
Wakatime - Time tracking.
Import Cost - Displays package sizes: I notice some performance issues with this and therefore rarely use this now.
Catppucin Perfect Icons - Icon theme.
Discord Rich Presence - Shows your current project in Discord.

My Settings

Below is my settings.json, feel free to use it as a reference for your own configuration:

1{
2    "terminal.integrated.env.windows": {},
3    "terminal.integrated.smoothScrolling": true,
4    "terminal.integrated.fontFamily": "GeistMono Nerd Font",
5    "terminal.integrated.fontSize": 14,
6    
7    "editor.fontFamily": "GeistMono Nerd Font",
8    "editor.inlayHints.fontFamily": "GeistMono Nerd Font",
9    "editor.codeLensFontFamily": "GeistMono Nerd Font",
10    "editor.fontSize": 14,
11    "editor.tabSize": 4,
12    "editor.formatOnSave": true,
13    "editor.renderWhitespace": "all",
14    "editor.minimap.enabled": false,
15    "editor.renderLineHighlight": "none",
16    "editor.scrollbar.horizontal": "hidden",
17    "editor.scrollbar.vertical": "hidden",
18    "editor.scrollbar.horizontalScrollbarSize": 2,
19    "editor.scrollbar.verticalScrollbarSize": 2,
20    "editor.cursorSmoothCaretAnimation": "on",
21    "editor.inlineSuggest.enabled": true,
22    "editor.stickyScroll.enabled": false,
23    "editor.smoothScrolling": true,
24    "editor.fontLigatures": true,
25    // "editor.hover.sticky": true,
26    "editor.cursorStyle": "block",
27    "editor.cursorBlinking": "solid",
28    "editor.accessibilitySupport": "off",
29
30    "files.autoSave": "onWindowChange",
31    "files.insertFinalNewline": true,
32    "explorer.confirmDragAndDrop": false,
33    "breadcrumbs.enabled": false,
34    "workbench.layoutControl.enabled": false,
35    "workbench.list.smoothScrolling": true,
36    "workbench.colorTheme": "Mellow",
37    "workbench.iconTheme": "catppuccin-perfect-mocha",
38    "workbench.settings.editor": "json",
39    
40    "scm.inputFontFamily": "GeistMono Nerd Font",
41    "chat.editor.fontFamily": "GeistMono Nerd Font",
42    "debug.console.fontFamily": "GeistMono Nerd Font",
43    "markdown.preview.fontFamily": "GeistMono Nerd Font",
44
45    "files.associations": {
46        // prevents the 'unknown rule' error in .css files when working with TailwindCSS
47        "*.css": "tailwindcss",
48    },
49    
50    "window.titleBarStyle": "native",
51    "window.customTitleBarVisibility": "never",
52
53    // discord rpc
54    "vscord.status.idle.check": false,
55    "vscord.app.name": "Visual Studio Code",
56    "vscord.status.idle.disconnectOnIdle": false,
57    "vscord.status.idle.enabled": false,
58}