VS Code

Setup

The font and settings behind my editor — copy them in two steps.

Font
Fira Code
Theme
Night Owl
Icons
Material Icons
Formatter
Prettier

Steps

  1. 1
  2. 2

    Apply my settings

    Editor, formatting and the “silence the noise” tweaks.

    Open the Command Palette:

    macOS⌘⇧PWindows / LinuxCtrl⇧P

    Run this command:

    >Preferences: Open Settings (JSON)

    Paste the settings below, save, and restart VS Code.

    settings.json
    {
    "CodeGPT.model": "gpt-4",
    "vscode-edge-devtools.webhint": false,
    "editor.linkedEditing": true,
    "editor.minimap.enabled": false,
    "cmake.configureOnOpen": true,
    "code-runner.runInTerminal": true,
    "code-runner.saveFileBeforeRun": true,
    "liveServer.settings.donotShowInfoMsg": true,
    "[html]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "[css]": {
    "editor.defaultFormatter": "HookyQR.beautify"
    },
    "explorer.confirmDragAndDrop": false,
    "liveServer.settings.donotVerifyTags": true,
    "github.copilot.advanced": {},
    "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,
    "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,
    "editor.gotoLocation.multipleReferences": "goto",
    "editor.gotoLocation.multipleDefinitions": "goto",
    "editor.gotoLocation.multipleDeclarations": "goto",
    "workbench.editor.enablePreviewFromQuickOpen": false,
    "editor.gotoLocation.multipleImplementations": "goto",
    "editor.gotoLocation.multipleTypeDefinitions": "goto",
    "vscode_custom_css.imports": [
    "file:///E:/vscode/custom-vscode.css",
    "file:///E:/vscode/custom-vscode-script.js"
    ],
    "[typescriptreact]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "editor.fontFamily": "'Fira Code', Consolas, 'Courier New', monospace",
    "workbench.statusBar.visible": false,
    "[javascriptreact]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "git-auto-pull.watchForChanges": true,
    "git-auto-pull.pullInterval": 2,
    "[json]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "editor.defaultFormatter": "HookyQR.beautify",
    "editor.formatOnSave": true,
    "eslint.run": "onSave",
    "cSpell.userWords": [
    "autofetch",
    "Consolas",
    "donot",
    "esbenp",
    "fileupload",
    "fira",
    "tabnine",
    "webhint"
    ],
    "workbench.settings.applyToAllProfiles": [
    "github.copilot.editor.enableAutoCompletions"
    ],
    "emmet.triggerExpansionOnTab": true,
    "emmet.useInlineCompletions": true,
    "tailwindCSS.emmetCompletions": true,
    "workbench.colorTheme": "Night Owl (No Italics)",
    "editor.wordWrap": "wordWrapColumn",
    "reactSnippets.settings.importReactOnTop": false,
    "[typescript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
    }
    }
  3. Done — happy hacking 🚀

Building the personal internet.
Reach out to me at piyushxdev@gmail.com