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
{
"editor.linkedEditing": true,
"editor.minimap.enabled": false,
"code-runner.runInTerminal": true,
"code-runner.saveFileBeforeRun": true,
"[html]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[css]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"explorer.confirmDragAndDrop": false,
"editor.cursorSmoothCaretAnimation": "on",
"editor.cursorBlinking": "smooth",
"files.autoSave": "afterDelay",
"[javascript]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"explorer.confirmDelete": false,
"editor.stickyScroll.enabled": false,
"git.autofetch": true,
"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,
"editor.gotoLocation.multipleReferences": "goto",
"editor.gotoLocation.multipleDefinitions": "goto",
"editor.gotoLocation.multipleDeclarations": "goto",
"workbench.editor.enablePreviewFromQuickOpen": false,
"editor.gotoLocation.multipleImplementations": "goto",
"editor.gotoLocation.multipleTypeDefinitions": "goto",
"[typescriptreact]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"editor.fontFamily": "Fira Code, Consolas, 'Courier New', monospace",
"workbench.statusBar.visible": false,
"[javascriptreact]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[json]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"editor.defaultFormatter": "esbenp.prettier-vscode",
"editor.formatOnSave": true,
"eslint.run": "onSave",
"emmet.triggerExpansionOnTab": true,
"emmet.useInlineCompletions": true,
"tailwindCSS.emmetCompletions": true,
"workbench.colorTheme": "Night Owl (No Italics)",
"editor.wordWrap": "wordWrapColumn",
"[typescript]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
}
}
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 Satyam
© 2026. All rights reserved.