Skip to content

Instantly share code, notes, and snippets.

@craigmckeachie

craigmckeachie/VisualStudioCodeSetup.md

Last active April 19, 2022 16:39
Show Gist options
  • Save craigmckeachie/783ab6cc2a956cacb07c382965ac68c8 to your computer and use it in GitHub Desktop.
Save craigmckeachie/783ab6cc2a956cacb07c382965ac68c8 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
VisualStudioCodeSetup.md

Appendix A2: Visual Studio Code Extensions

Extensions

Install the following extensions:

  1. Click the link below.
  2. Click the Install button.

Configure settings

  1. On the bottom left of VS Code > click the Gear Icon
  2. Choose Command Palette..
  3. Type open settings
  4. Choose Open Settings.JSON
  5. Paste the settings below into the file.

If you have existing USER SETTINGS you will want to add the following settings below your current settings. Otherwise, you can replace the contents of the file with the JSON below.

settings.json

{
  "files.autoSave": "afterDelay",
  "editor.fontFamily": "Fira Code iScript, Menlo, Monaco, 'Courier New', monospace",
  "editor.fontLigatures": true,
  "editor.multiCursorModifier": "alt",
  "editor.formatOnSave": true,
  "workbench.iconTheme": "material-icon-theme",
  "emmet.includeLanguages": {
    "typescript": "html"
  }
}
  1. Create a new directory named code (it is recommended to make code a sibling to the docs directory) where you will write code during the course and copy prettier.config.js into it.

Install a font for programming (optional)

If you are interested in trying a new font designed for programming.

  1. Install the free FiraCodeiScript font on your system.
  1. Close and reopen VS Code to see the new font.

Reference

Other Extensions (not required)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment