My essential tools for authoring Angular code

VSCode extensions

• Angular Language Service - for code completion and error checking in the source code
• angular2-switcher - for easy switching in between HTML, TS, SPEC files of the same component/service with 3 simple hotkeys
• Code Spell Checker - to aviod typos in the codde 😉

VSCode Settings

Open to VSCode settings.json file (how: open command palette with Cmd+Shift+P then type: Preferences: Open User Settings (JSON)

and then add the following settings:

  "editor.codeActionsOnSave": {
    "source.organizeImports": true,
    "source.addMissingImports": true
  },
  "editor.formatOnSave": true,