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

Ctrl + Shift + P (Windows/Linux)

Enter the text in prompt and press Enter ⏎

VSC Export & Import

All extensions will start to install

Step 3

VS Code Settings

Open Command Palette by pressing the keyboard shortcut

Ctrl + Shift + P (Windows/Linux)

Enter the text in prompt and press Enter ⏎

Preferences: Open Settings (JSON)

Copy the settings.json from the below window

settings.json

settings.json
{
"editor.linkedEditing": true,
"editor.minimap.enabled": false,
"code-runner.runInTerminal": true,
"code-runner.saveFileBeforeRun": true,
"explorer.confirmDragAndDrop": false,
"editor.cursorSmoothCaretAnimation": "on",
"editor.cursorBlinking": "smooth",
"files.autoSave": "afterDelay",
"explorer.confirmDelete": false,
"editor.stickyScroll.enabled": false,
"git.autofetch": true,
"git.postCommitCommand": "push",
"workbench.iconTheme": "material-icon-theme",
// Silence the Noise
"breadcrumbs.enabled": false,
"editor.hover.enabled": true,
"workbench.tips.enabled": false,
"editor.colorDecorators": false,
"workbench.startupEditor": "none",
"editor.lightbulb.enabled": "off",
"editor.overviewRulerBorder": false,
"editor.renderLineHighlight": "none",
"editor.occurrencesHighlight": "off",
"problems.decorations.enabled": false,
"editor.renderControlCharacters": false,
"editor.hideCursorInOverviewRuler": true,
"[html]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[css]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[javascript]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[typescript]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[typescriptreact]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[json]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"editor.fontFamily": "'JetBrains Mono', 'Fira Code', Consolas, monospace",
"editor.fontLigatures": true,
"editor.fontSize": 14,
"editor.lineHeight": 1.6,
"editor.tabSize": 2,
"workbench.statusBar.visible": true,
"editor.defaultFormatter": "esbenp.prettier-vscode",
"editor.formatOnSave": true,
"eslint.run": "onSave",
"workbench.colorTheme": "One Dark Pro",
"editor.wordWrap": "wordWrapColumn",
"terminal.integrated.fontFamily": "'JetBrains Mono', monospace",
"terminal.integrated.fontSize": 13
}
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!🚀

Designed & Built by Debanjan Das
© 2026. All rights reserved.