my vscode configuration • dromzeh.dev

This post has been updated to reflect my current VSCode config as of 1st June 2025.

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}