IDE Integration

Schematics

• Angular schematics
• NgRx schematics

Plugins

• VS Code
  • Angular Language Service - Provides a rich editing experience for Angular templates, both inline and external templates
  • Angular Snippets - Adds snippets for Angular for TypeScript and HTML
  • Angular Files - Quickly scaffold angular file templates
  • IntelliCode - Provides AI-assisted development features for Python, TypeScript/JavaScript and Java
  • Prettier - Opinionated code formatter, which enforces a consistent style
  • Path Intellisense - autocompletes filenames
• IntelliJ Ultimate / Webstorm
  • Karma - For executing karma test cases
  • Prettier - Integration of prettier for code formatting

Pitfalls

VSCode users need to configure Prettier as the default formatter by editing the settings.json file:

"[typescript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
}