Essential VSCode extensions for Angular

Tatsushi Kiryu

• 桐生 達嗣（きりゅう たつし）
• Infragistics Japan
• Front End Engineer / Develpler Support
• de:code 2017 co-speaker
• Social
  • Qiita
  • Github
  • Hatena
  • Facebook

Are you using VSCode?

Angular Language Service

• Enable following functionalities for inline/external template
  • Completions lists
  • AOT Diagnostic messages
  • Quick info
  • Go to definition

Path Intellisense

• Filenames autocompletion
  • ​Angular
    • ​templateUrl
    • styleUrls
  • Anywhere
    • ​src attribute
    • href attribute
    • etc...

Angular 2 TypeScript Emmet

• Enable Emmet for inline template

angular2-inline

• Enable syntax highlight for inline template

Conclusion

Angular Essentials

• It contains everything!!!
  • Angular v4 Snippets
  • Angular Language Service
  • Editor Config
  • tslint
  • Chrome Debugger
  • Bracket Pair Colorizer
  • Path Intellisense
  • Angular Inline
  • Angular Material Theme
• Note:Angular template has been removed due to a bug.

Have a nice Angular life!