VSCode / Cursor Setup

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

Step 1

Download necessary files

Fira-code.zip

Download and unzip the font's file

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

vsc-extensions.txt

Place this file in downloads folder

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 + Shift + P (Mac) / Ctrl + Shift + P (Windows)

Enter the text in prompt and press Enter

VSC Export & Import

All extensions will start to install automatically

Step 3

VS Code Settings

Open Command Palette by pressing the keyboard shortcut

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

Enter the text in prompt and press Enter

Preferences: Open Settings (JSON)

Copy the settings.json from the code block below

settings.json

{
  "github.copilot.nextEditSuggestions.enabled": true,
  "explorer.confirmDelete": false,
  "workbench.productIconTheme": "fluent-icons",
  "workbench.startupEditor": "none",
  "editor.fontFamily": "Fira Code",
  "editor.fontLigatures": true,
  "redhat.telemetry.enabled": true,
  "code-runner.runInTerminal": true,
  "code-runner.clearPreviousOutput": true,
  "files.autoSave": "onWindowChange",
  "editor.smoothScrolling": true,
  "editor.cursorBlinking": "expand",
  "editor.cursorSmoothCaretAnimation": "on",
  "editor.mouseWheelZoom": true,
  "editor.minimap.enabled": false,
  "editor.wordWrap": "on",
  "editor.tabSize": 2, // Comfortable terminal text
  "terminal.integrated.smoothScrolling": true, // Smooth scroll in terminal
  "terminal.integrated.cursorBlinking": true,
  "github.copilot.enable": {
    "*": true,
    "plaintext": false,
    "markdown": true,
    "scminput": false,
    "typescriptreact": true,
    "javascriptreact": true,
    "postcss": true,
    "javascript": true,
    "python": true,
    "java": false,
    "cpp": true,
    "rust": false,
  },
  "explorer.confirmDragAndDrop": false,
  "git-autoconfig.configList": [
    {
      "user.email": "pranabm406@gmail.com",
      "user.name": "pranab-kr",
    },
  ],
  "chat.agent.maxRequests": 40,
  //new
  "editor.copyWithSyntaxHighlighting": false,
  "diffEditor.ignoreTrimWhitespace": false,
  "diffEditor.renderSideBySide": false,
  // "workbench.editor.showTabs": "none",
  // "editor.multiCursorModifier": "ctrlCmd",
  "editor.snippetSuggestions": "top",
  "editor.detectIndentation": false,
  "files.trimTrailingWhitespace": true,
  "files.insertFinalNewline": true,
  "files.trimFinalNewlines": true,
  "scm.diffDecorations": "none",
  "editor.hover.delay": 500,
  "editor.hover.enabled": "on",
  "editor.lightbulb.enabled": "off",
  "editor.overviewRulerBorder": false,
  "editor.renderLineHighlight": "none",
  "editor.hideCursorInOverviewRuler": true,
  "workbench.tips.enabled": false,
  "mdb.mcp.server": "autoStartDisabled",
  "workbench.activityBar.location": "hidden",
  "workbench.iconTheme": "material-icon-theme",
  "editor.lineHeight": 1.7,
  //for the change color of text inside html tag only
  "editor.tokenColorCustomizations": {
    "textMateRules": [
      {
        "scope": [
          "text.html.basic",
          "meta.tag.inline.any.html",
          "meta.tag meta.embedded.block.html",
          "meta.jsx.children",
          "punctuation.definition.text",
        ],
        "settings": {
          "foreground": "#b3b3b3", // <-- pick the exact gray you want
        },
      },
    ],
  },
  "workbench.list.smoothScrolling": true,
  "breadcrumbs.enabled": false,
  "explorer.compactFolders": false,
  "editor.stickyScroll.enabled": false,
  "editor.fontSize": 14,
  "window.commandCenter": false,
  "chat.commandCenter.enabled": false,
  "workbench.layoutControl.enabled": false,
  "chat.viewSessions.orientation": "stacked",
  "chat.editor.fontSize": 12,
  "chat.viewWelcome.enabled": false,
  "chat.viewSessions.enabled": false,
  "window.menuBarVisibility": "compact",
  "git.openRepositoryInParentFolders": "always",
  "vim.handleKeys": {
    "<C-p>": false,
    "<C-w>": false,
    "<C-k>": false,
    "<C-c": false,
  },
  "editor.lineNumbers": "relative",
  "workbench.colorTheme": "Aura Dark (Soft Text)",
}

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!Your VS Code is now configured.