vscode.md

Visual Studio Code

Download

https://code.visualstudio.com/

Keyboard shortcuts

• Windows
• Linux
• Mac

Useful plugins

• Angular Language Service
• angular2-inline
• Bookmarks
• Colonize

  • Ctrl+K Ctrl+S to open keyboard shortcuts. Change these three hotkeys to the following:

    Colonize and Hold Position	Ctrl+;
    Colonize and Jump to End	(just delete this one for now)
    Colonize and Jump to Newline	Ctrl+Shift+;

• Debugger for Chrome
  • Chrome debugging with Angular CLI
• EditorConfig for VS Code
• ESLint
• GitLens - Git supercharged
• HTML CSS Support
• markdownlint
• Material Icon Theme
• Prettier - Code formatter
• Python
• Thunder Client
• Version Lens

Change shell type

The first time you open the terminal with Ctrl+` it will ask if you want to change the terminal type. Choose "Customize", then select WSL Bash or whichever you want.

If this prompt does not appear, type Ctrl+Shift+P and start typing "select default shell". Press enter and select your desired shell type.

Useful Settings

User Settings

Type Ctrl+Shift+P and open User Settings. Here are some of mine:

{
  "files.autoSave": "off",
  "terminal.integrated.shell.windows": "C:\\WINDOWS\\System32\\bash.exe",
  "git.enableSmartCommit": true,
  "editor.quickSuggestions": {
    "strings": true // Enables autocomplete in strings
  },
  "files.associations": {
    "*.styl": "css"
  },
  "window.title": "${rootName}${separator}${activeEditorShort} ${dirty}",
  "files.exclude": {
    "**/nbproject": true,
    "**/.idea": true,
    // "**/node_modules": true,
    "**/build": true,
    "**/dist": true,
    "**/.vscode": true
  },
  "npm.enableScriptExplorer": true,
  "extensions.showRecommendationsOnlyOnDemand": true,
  "editor.renderWhitespace": "all"
}

Workspace Settings

Type Ctrl+Shift+P and open Workspace Settings. Here is a potential one:

{
  // give window title more meaningful name than "trunk" or "src"
  "window.title": "CUSTOM_PROJECT_NAME — ${separator}${activeEditorShort} ${dirty}"
}