Setup

Complete guide to setting up VS Code with my preferred configuration, extensions, and fonts.

Step 1

Download necessary files

Select all the fonts, right click, and click to Install

Open the vscode in downloads directory

Install VSC Export & Import extension in vs code.

Step 2

Installing all the extensions

Open Command Palette by pressing the keyboard shortcut

Cmd + ⇧ + P (Mac) / Ctrl + ⇧ + P (Windows)

Enter the text in prompt and press Enter ⏎

VSC Export & Import

All extension will start to install

Step 3

VS Code Settings

Open Command Palette by pressing the keyboard shortcut

Cmd + ⇧ + P (Mac) / Ctrl + ⇧ + P (Windows)

Enter the text in prompt and press Enter ⏎

Preferences: Open Settings (JSON)

Copy the settings.json from the below window

settings.json

settings.json(209 lines)
{
"redhat.telemetry.enabled": true,
"editor.minimap.enabled": true,
"editor.mouseWheelZoom": true,
"git.autofetch": true,
"diffEditor.ignoreTrimWhitespace": true,
"extensions.autoUpdate": "off",
"workbench.iconTheme": "material-icon-theme",
"editor.cursorBlinking": "expand",
"editor.cursorSmoothCaretAnimation": "on",
"editor.wordWrap": "on",
"[html]": {
"editor.defaultFormatter": "vscode.html-language-features"
},
"livePreview.customExternalBrowser": "Chrome",
"explorer.confirmDelete": false,
"livePreview.openPreviewTarget": "External Browser",
"code-runner.runInTerminal": true,
"workbench.editor.alwaysShowEditorActions": true,
"workbench.editor.enablePreviewFromCodeNavigation": true,
"explorer.confirmDragAndDrop": false,
"[javascript]": {
"editor.defaultFormatter": "vscode.typescript-language-features"
},
"workbench.colorCustomizations": {
"[Vira*]": {
"statusBar.debuggingBackground": "#80CBC433",
"statusBar.debuggingForeground": "#80CBC4",
"toolbar.activeBackground": "#80CBC426",
"button.background": "#80CBC4",
"button.hoverBackground": "#80CBC4cc",
"extensionButton.separator": "#80CBC433",
"extensionButton.background": "#80CBC414",
"extensionButton.foreground": "#80CBC4",
"extensionButton.hoverBackground": "#80CBC433",
"extensionButton.prominentForeground": "#80CBC4",
"extensionButton.prominentBackground": "#80CBC414",
"extensionButton.prominentHoverBackground": "#80CBC433",
"activityBarBadge.background": "#80CBC4",
"activityBar.activeBorder": "#80CBC4",
"activityBarTop.activeBorder": "#80CBC4",
"list.inactiveSelectionIconForeground": "#80CBC4",
"list.activeSelectionForeground": "#80CBC4",
"list.inactiveSelectionForeground": "#80CBC4",
"list.highlightForeground": "#80CBC4",
"sash.hoverBorder": "#80CBC480",
"list.activeSelectionIconForeground": "#80CBC4",
"scrollbarSlider.activeBackground": "#80CBC480",
"editorSuggestWidget.highlightForeground": "#80CBC4",
"textLink.foreground": "#80CBC4",
"progressBar.background": "#80CBC4",
"pickerGroup.foreground": "#80CBC4",
"tab.activeBorder": "#80CBC4",
"tab.activeBorderTop": "#80CBC400",
"tab.unfocusedActiveBorder": "#80CBC4",
"tab.unfocusedActiveBorderTop": "#80CBC400",
"tab.activeModifiedBorder": "#80CBC400",
"notificationLink.foreground": "#80CBC4",
"editorWidget.resizeBorder": "#80CBC4",
"editorWidget.border": "#80CBC4",
"settings.modifiedItemIndicator": "#80CBC4",
"panelTitle.activeBorder": "#80CBC4",
"breadcrumb.activeSelectionForeground": "#80CBC4",
"menu.selectionForeground": "#80CBC4",
"menubar.selectionForeground": "#80CBC4",
"editor.findMatchBorder": "#80CBC4",
"selection.background": "#80CBC440",
"statusBarItem.remoteBackground": "#80CBC414",
"statusBarItem.remoteHoverBackground": "#80CBC4",
"statusBarItem.remoteForeground": "#80CBC4",
"notebook.inactiveFocusedCellBorder": "#80CBC480",
"commandCenter.activeBorder": "#80CBC480",
"chat.slashCommandForeground": "#80CBC4",
"chat.avatarForeground": "#80CBC4",
"activityBarBadge.foreground": "#000000",
"button.foreground": "#000000",
"statusBarItem.remoteHoverForeground": "#000000"
}
},
"github.copilot.nextEditSuggestions.enabled": true,
"[css]": {
"editor.defaultFormatter": "vscode.css-language-features"
},
"workbench.colorTheme": "GitHub Dark",
"code-runner.executorMap": {
"javascript": "clear; node",
"java": "cd $dir && javac $fileName && java $fileNameWithoutExt",
"c": "cd $dir && gcc $fileName -o $fileNameWithoutExt && $dir$fileNameWithoutExt",
"zig": "zig run",
"cpp": "cd $dir && g++ $fileName -o $fileNameWithoutExt && $dir$fileNameWithoutExt",
"objective-c": "cd $dir && gcc -framework Cocoa $fileName -o $fileNameWithoutExt && $dir$fileNameWithoutExt",
"php": "php",
"python": "python -u",
"perl": "perl",
"perl6": "perl6",
"ruby": "ruby",
"go": "go run",
"lua": "lua",
"groovy": "groovy",
"powershell": "powershell -ExecutionPolicy ByPass -File",
"bat": "cmd /c",
"shellscript": "bash",
"fsharp": "fsi",
"csharp": "scriptcs",
"vbscript": "cscript //Nologo",
"typescript": "ts-node",
"coffeescript": "coffee",
"scala": "scala",
"swift": "swift",
"julia": "julia",
"crystal": "crystal",
"ocaml": "ocaml",
"r": "Rscript",
"applescript": "osascript",
"clojure": "lein exec",
"haxe": "haxe --cwd $dirWithoutTrailingSlash --run $fileNameWithoutExt",
"rust": "cd $dir && rustc $fileName && $dir$fileNameWithoutExt",
"racket": "racket",
"scheme": "csi -script",
"ahk": "autohotkey",
"autoit": "autoit3",
"dart": "dart",
"pascal": "cd $dir && fpc $fileName && $dir$fileNameWithoutExt",
"d": "cd $dir && dmd $fileName && $dir$fileNameWithoutExt",
"haskell": "runghc",
"nim": "nim compile --verbosity:0 --hints:off --run",
"lisp": "sbcl --script",
"kit": "kitc --run",
"v": "v run",
"sass": "sass --style expanded",
"scss": "scss --style expanded",
"less": "cd $dir && lessc $fileName $fileNameWithoutExt.css",
"FortranFreeForm": "cd $dir && gfortran $fileName -o $fileNameWithoutExt && $dir$fileNameWithoutExt",
"fortran-modern": "cd $dir && gfortran $fileName -o $fileNameWithoutExt && $dir$fileNameWithoutExt",
"fortran_fixed-form": "cd $dir && gfortran $fileName -o $fileNameWithoutExt && $dir$fileNameWithoutExt",
"fortran": "cd $dir && gfortran $fileName -o $fileNameWithoutExt && $dir$fileNameWithoutExt",
"sml": "cd $dir && sml $fileName",
"mojo": "mojo run",
"erlang": "escript",
"spwn": "spwn build",
"pkl": "cd $dir && pkl eval -f yaml $fileName -o $fileNameWithoutExt.yaml",
"gleam": "gleam run -m $fileNameWithoutExt"
},
"chat.editor.fontSize": 24,
"workbench.editorAssociations": {
"*.copilotmd": "vscode.markdown.preview.editor",
"*.exe": "default"
},
"terminal.integrated.enableMultiLinePasteWarning": "never",
"editor.fontFamily": "Brass Mono Regular",
"terminal.integrated.fontSize": 20,
"livePreview.notifyOnOpenLooseFile": false,
"workbench.startupEditor": "none",
"files.autoSave": "afterDelay",
"emmet.includeLanguages": {
"javascript": "javascriptreact"
},
"[json]": {
"editor.defaultFormatter": "vscode.json-language-features"
},
"[javascriptreact]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"chat.editing.confirmEditRequestRemoval": false,
"editor.aiStats.enabled": false,
"inlineFold.unfoldedOpacity": 1,
"inlineFold.unfoldOnLineSelect": true,
"git.enableSmartCommit": true,
"git.confirmSync": false,
"[typescriptreact]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"js/ts.updateImportsOnFileMove.enabled": "always",
"chat.viewSessions.orientation": "stacked",
"terminal.integrated.profiles.windows": {
"PowerShell": {
"source": "PowerShell",
"icon": "terminal-powershell"
},
"Command Prompt": {
"path": [
"${env:windir}\\Sysnative\\cmd.exe",
"${env:windir}\\System32\\cmd.exe"
],
"args": [],
"icon": "terminal-cmd"
},
"Git Bash": {
"path": "C:\\Program Files\\Git\\bin\\bash.exe",
"args": [
"--login",
"-i"
]
}
},
"terminal.integrated.defaultProfile.windows": "Git Bash",
"liveServer.settings.donotShowInfoMsg": true,
"chat.disableAIFeatures": true,
"terminal.integrated.mouseWheelScrollSensitivity": 3,
"terminal.integrated.gpuAcceleration": "off"
}
Final

Complete Setup

Paste the code in the settings.json file in VS Code

Save the settings.json file

Cmd + S (Mac) / Ctrl + S (Windows)and restart VS Code
Done!

Design & Developed by Nishant Dhanani
© 2026. All rights reserved.