VSCode Setup in 2022

VSCode Setup in 2022
2 mins to read

In this tutorial I will show you how to set up VSCode like my personal preferences.

Reset to defaults

  1. Hit Cmd + Shift + P
  2. Search for open settings json and select Preferences: Open Settings (JSON)
  3. Delete everything inside the document, but leave an empty { } and save the file
  4. Relaunch VSCode
  5. Delete the contents of /Users/eriktailor/.vscode/extensions folder

Extensions

Auto format on save

  1. Reset all to default settings
  2. Delete all extensions (need a clear vscode)
  3. Enable Settings > Formatting > Format on save
  4. In a html file, double click and select Format document
  5. Select Prettier as a default html formatter

Settings

Cmd + Shift + P and search for settings.json and add these lines:

{
    "editor.formatOnSave": true,
    "editor.fontFamily": "Monaco, 'Courier New', monospace",
    "editor.lineHeight": 26,
    "breadcrumbs.enabled": false,
    "editor.renderWhitespace": "none",
    "editor.renderControlCharacters": false,
    "workbench.statusBar.visible": false,
    "workbench.iconTheme": "vscode-icons-mac",
    "workbench.colorCustomizations": {
        "minimap.errorHighlight": "#1E1E1E",
		 "gitDecoration.ignoredResourceForeground": "#fff"
    },
    "git.decorations.enabled": false,
    "window.nativeTabs": true,
    "problems.decorations.enabled": false,
    "editor.minimap.size": "fill",
    "editor.minimap.maxColumn": 100,
    "editor.minimap.scale": 2,
    "editorOverviewRuler.background": "#fff",
    "editor.minimap.enabled": false,
    "terminal.external.osxExec": "iTerm.app",
    "terminal.integrated.defaultProfile.osx": "zsh",
    "terminal.integrated.fontFamily": "monospace",
    "files.exclude": {
        "**/.git": false
    }
}

Add Comment

Comment submitted

Thanks! Your comment will appear shortly. Please reload the page.

Tags

vscode