IDE Visual Studio Code

Updated 04/03/2025

Shortcuts

Ctrl+P                                              Quick Open, Go to File…
Ctlf+Shift+P                                        Commands

• https://code.visualstudio.com/shortcuts/keyboard-shortcuts-windows.pdf

Extensions

• Prettier - Code format

  • opinionated code formatter

• Render Line Endings

  • Displays the line ending symbol and optionally extra whitespace when ‘Render whitespace’ is turned on.
  • If whitespace rendering is turned on, you will see the symbol for either LF (↓), CRLF (↵), or CR (←).

• EditorConfig for VS Code

  • Should then use .editorconfig

Older ones I dont use anymore

• TSLint
  • Adds tslint to VS Code using the TypeScript TSLint language service plugin.
• Jest
  • Test player & debugger
• VS Live Share
• VS Live Share Audio
• Bracket Pair Colorizer 2

Settings

File -> Preferences -> Settings -> Under user settings click the ellipses … in the top right -> Select ‘Open settings.json’

Show white space                    “editor.renderWhitespace”: “all”
Auto save                           “files.autoSave”: “afterDelay”
Explorer                            “explorer.autoReveal”: true
format on save                      true

Configure default formatter after installing prettier -> Ctlf+Shift+P -> Format Document -> warns there are multiple formatters -> configure -> choose prettier