Note: This document is a work in progress. You can help improve it.

Editors

Visual Studio Code

First time setup instructions

  • Launch VS Code
  • Use Command Shift P (or Control Shift P) to launch the command palette
  • Type command to search for the entry Shell Command: Install 'code' command in PATH and press ENTER

Plugins we recommend to start with

code --install-extension streetsidesoftware.code-spell-checker
code --install-extension dbaeumer.vscode-eslint
code --install-extension esbenp.prettier-vscode
code --install-extension hasanali.gitignore-templates
code --install-extension ecmel.vscode-html-css
code --install-extension xabikos.reactsnippets
code --install-extension bierner.markdown-preview-github-styles
code --install-extension 2gua.rainbow-brackets
code --install-extension ms-vsliveshare.vsliveshare

Settings we require

Go to Code menu, then Preferences, then Settings

  • In the search bar enter tab size

  • Find the setting Editor: Tab Size and change this to 2

  • In the search bar enter formatOn

  • Find the setting Editor: Format on Save and turn this ON

  • In the search bar enter Prettier

  • Find the setting Prettier: Semi and turn this OFF

  • Find the setting Prettier: Single Quote and turn this ON

  • Find the setting Prettier: Use Tabs and turn this OFF

Settings we recommend

Go to Code menu, then Preferences, then Settings

  • In the search bar enter: enable preview
  • Disable Workbench › Editor: Enable Preview From Quick Open
  • Also consider: Disable Workbench › Editor: Enable Preview

Tips and Tricks