Setup

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

Step 1

Download necessary files

vsc-extensions.txt

Place this file in downloads

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

{
  "workbench.colorTheme": "GitHub Dark Default",
  "liveServer.settings.donotShowInfoMsg": true,
  "explorer.confirmDelete": false,
  "files.autoSave": "afterDelay",
  "files.autoSaveDelay": 600,
  "editor.accessibilitySupport": "off",
  "code-runner.runInTerminal": true,
  "emmet.includeLanguages": { "javascript": "javascriptreact" },
  "[css]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[html]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "editor.formatOnSave": true,
  "[javascript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "editor.fontSize": 19,
  "workbench.iconTheme": "vscode-icons",
  "git.suggestSmartCommit": false,
  "github.copilot.enable": {
    "*": true,
    "plaintext": true,
    "scminput": false,
    "markdown": true
  },
  "notebook.formatOnSave.enabled": true,
  "editor.defaultFormatter": "esbenp.prettier-vscode",
  "explorer.compactFolders": false,
  "[php]": {
    "editor.defaultFormatter": "bmewburn.vscode-intelephense-client"
  },
  "typescript.updateImportsOnFileMove.enabled": "always",
  "accessibility.signals.lineHasError": {
    "sound": "off"
  },
  "prisma.showPrismaDataPlatformNotification": false,
  "github.copilot.editor.enableAutoCompletions": true,
  "javascript.updateImportsOnFileMove.enabled": "always",
  "editor.unicodeHighlight.invisibleCharacters": false,
  "[prisma]": {
    "editor.defaultFormatter": "Prisma.prisma"
  },
  "github.copilot.nextEditSuggestions.enabled": true,
  "workbench.editor.empty.hint": "hidden",
  "chat.mcp.autostart": "newAndOutdated",
  "tabnine.experimentalAutoImports": true,
  "todo-tree.general.tags": ["CLOUDLCMSTODO"]
}

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!🚀

Portfolio Assistant

Online