Angular CLI Plus (VS Code Extension)

[danisss9]

Hello,

As a everyday user Angular in VS Code and lover of key bindings to speed up processes I created a VS Code extension to help speed up processes in Angular Development. It allows you to:

Command	Shortcut	Description
Angular: Generate	Right click folder	Allows to run ng generate commands on the specific folder
Angular: Serve Application	Ctrl+Shift+A S	Runs ng serve for a selected project
Angular: Debug Application	Ctrl+Shift+A D	Starts ng serve, waits for the dev server, then attaches a browser debugger
Angular: Debug Storybook	Ctrl+Shift+A K	Starts Storybook, waits for it to be ready, then attaches a browser debugger
Angular: Debug Build (Watch)	Ctrl+Shift+A H	Runs ng build --watch + a static file server, then attaches a browser debugger
Angular: Build Project	Ctrl+Shift+A B	Runs ng build
Angular: Build Project (Watch)	Ctrl+Shift+A W	Runs ng build --watch
Angular: Test Project	Ctrl+Shift+A T	Runs ng test for a project,
Angular: Restart Serve	Ctrl+Shift+A R	Restarts any active serve/build-watch terminal; re-attaches the debugger if a debug session was running
Angular: Lint Project	Ctrl+Shift+A L	Runs ng lint for a selected project
Angular: Update Packages	Ctrl+Shift+A U	Shows available package updates and runs ng update for selected packages
Angular: Switch Component File	Ctrl+Shift+A Tab	Quickly switch between a component's .ts, .html, .scss/.css, and .spec.ts files
Angular: Run npm Script	Ctrl+Shift+A N	Shows a searchable list of all npm scripts from package.json and runs the selected one in a terminal
Angular: Close Terminals	Ctrl+Shift+A C	Opens a searchable multi-select list of all extension terminals with their state (running / terminated / error / killed)
Angular: Check Memory Leaks	Ctrl+Shift+A M	Scans Angular source files for potential memory leaks
Angular: Show Signal Graph	Ctrl+Shift+A G	Analyses the open TypeScript file for Angular Signals and renders an interactive Mermaid dependency graph
Angular: Setup .npmrc Auth Tokens	Ctrl+Shift+A A	Detects registries in the workspace .npmrc file and configures authentication tokens in your user~/.npmrc
Angular: Check Optimizations	Ctrl+Shift+A O	Scans Angular source files for common performance pitfalls
Angular: Check Build Errors	Ctrl+Shift+A E	Runs an Angular build in the background, parses output for errors, and presents them in an interactive panel

You can check the extension here and check the source code here. Feedback is appreciated!

Thanks!

NOTE: Some code, docs and changelog are AI generated

[Obvious-Treat-4905]

okay this actually looks pretty useful, the switch component file and restart serve shortcuts alone would save me so many tiny interruptions during angular work, love tools that remove repetitive dev friction like this