Go Back
10 July 2024

My VSCode Configuration

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 minimal VSCode setup, alongside the required language support extensions:

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 "apc.activityBar": {
54 "position": "bottom",
55 "hideSettings": true,
56 "size": 28
57 },
58
59 "apc.header": {
60 "height": 37,
61 },
62
63 "apc.menubar.compact": true,
64
65 "apc.electron": {
66 "titleBarStyle": "hidden",
67 "frame": false,
68 "trafficLightPosition": {
69 "x": 12,
70 "y": 10
71 }
72 },
73
74 "apc.font.family": "GeistMono Nerd Font",
75
76 "apc.monospace.font.family": "GeistMono Nerd Font",
77
78 "apc.statusBar": {
79 "position": "editor-bottom",
80 "height": 28,
81 "fontSize": 12
82 },
83
84 "apc.stylesheet": {
85 ".sidebar > .composite": "height: 12px !important",
86 ".composite.title": "display: block !important",
87 ".monaco-workbench .part.sidebar .title-actions .actions-container": "justify-content: space-evenly !important",
88 ".title-label": "display: none !important",
89 ".title-actions": "display: none !important",
90 ".tabs-and-actions-container > .editor-actions": "display: none !important",
91 ".titlebar-center": "display: none !important",
92 ".titlebar-right": "display: none !important",
93 ".inline-tabs-placeholder": "display: none !important",
94 ".split-view-view .visible": "background-color: #2a2a2d !important",
95 },
96
97 "glassit.alpha": 250,
98
99 // discord rpc
100 "vscord.status.idle.check": false,
101 "vscord.app.name": "Visual Studio Code",
102 "vscord.status.idle.disconnectOnIdle": false,
103 "vscord.status.idle.enabled": false,
104}