/vscode-settings

All of the fonts, themes, tools, settings that I use for VS Code

VS Code Settings

Font

Themes

Workflow

Style/Formatting

  • Prettier
    • Automatically format JavaScript, JSON, CSS, Sass, and HTML files.

Useful/Extra

  • VS Live Share
    • Collaborative editing, debugging, and more inside VS Code

Settings

{
    "workbench.colorTheme": "Theme",
    "tabnine.experimentalAutoImports": true,
    "terminal.integrated.defaultProfile.windows": "Git Bash",
    "liveServer.settings.donotShowInfoMsg": true,
    "workbench.iconTheme": "material-icon-theme",
    "editor.lineHeight": 20,
    "editor.fontSize": 14,
    "editor.fontFamily": "Cascadia Code",
    "terminal.integrated.fontFamily": "Cascadia Code",
    "editor.fontLigatures": true,
    "editor.guides.bracketPairs": true,
    "[html]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "[javascript]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "[json]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "[css]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "[typescriptreact]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "[typescript]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "[scss]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "[javascriptreact]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "[jsonc]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "terminal.integrated.windowsEnableConpty": false,
}