Nx & Angular: Developer eXperience

VS Code Extensions

• Angular Language Service: angular.ng-template
• Nx Console: nrwl.angular-console

Debugging

• Ivy: ng object for debugging
• Angular Dev Tools (Chrome Extension) (see Announcement)
• \@ngrx/store-devtools (with the Redux Devtools Extension in Chrome & Firefox)

Tools

• nx dep-graph (doc, tutorial, blog post)

• compodoc & ngd

  # View the dependencies tree of you Angular application
  yarn global add @compodoc/ngd-cli
  cd apps/my-app
  ngd -p tsconfig.app.json
  # Generate a comprehensive API documentation
  yarn global add @compodoc/compodoc
  compodoc -p tsconfig.app.json

• webpack-bundle-analyzer

  ng build --stats-json
  yarn global add webpack-bundle-analyzer
  webpack-bundle-analyzer dist/MyProject/stats.json