Angular Util

Angular utilities for switching component files and running Angular CLI schematics.

Features

• File switcher shortcuts:
  • Ctrl+Shift+T: switch to *.ts
  • Ctrl+Shift+H: switch to *.html
  • Ctrl+Shift+L: switch to *.less
  • Ctrl+Shift+S: switch to *.spec.ts
• File switcher shortcuts for split editor:
  • Cmd+K Ctrl+Shift+T: switch to *.ts in split editor
  • Cmd+K Ctrl+Shift+H: switch to *.html in split editor
  • Cmd+K Ctrl+Shift+L: switch to *.less in split editor
  • Cmd+K Ctrl+Shift+S: switch to *.spec.ts in split editor
• Explorer context menu on folders:
  • Angular Util: New Component (runs ng g component <name>)
  • Angular Util: New Directive (runs ng g directive <name>)
  • Angular Util: New Service (runs ng g service <name>)

Usage

• Open any Angular file and use the shortcuts to jump between related files by extension.
• Right click a folder in the Explorer and choose the schematic command, then enter the name.

Requirements

• Angular CLI installed and available on your PATH (ng).

Extension Settings

This extension does not add settings.

Known Issues

• File Switcher:
  • Only supports .spec.ts currently. If the corresponding file doesn't exist you'll get a warning.
• Schematics:
  • If Angular CLI is not on PATH, schematic commands will fail in the terminal.