A Visual Studio Code extension that adds several context-menu options in the explorer view when an Angular CLI project is detected.
Features
Added context-menu options:
New Angular Component: adds a new Angular component to the selected folder using the specified selector.
New Angular Directive: adds a new Angular directive to the selected folder using the specified selector.
New Angular Module: adds a new Angular module to the selected folder using the specified name.
New Angular Pipe: adds a new Angular pipe to the selected folder using the specified name.
New Angular Service: adds a new Angular service to the selected folder using the specified name.
All options use the configuration set in the .angular-cli.json file and will attempt to adhere to the found .editorconfig as much as possible. It follows the path of the ng generate ... commands as much as possible.
During creation, you can choose to use the current configuration or to manually configure the selected option.
Requirements
The workspace only triggers on a .angular-cli.json file. If it is not present, it will not activate.
A .editorconfig is optional, but is highly recommended, as kx-vscode-angular-context-creator will try to adhere to the given standards as much as possible.
Extension Settings
The extension has multiple ways to be configured:
By editing the .angular-cli.json file, you can edit the defaults that will also be used by the ng generate ... command.
By editing the .vscode/settings.json file, you can edit the extension defaults that allow for advanced options.
Each context-menu option has its own configuration.
Known Issues
Sometimes fails to get the correct NgModule file.
Misses a bunch of ng generate... command options.
Release Notes
v0.1.0 (14-01-2018): initial release
Up next
Add the missing ng generate... options.
Instead of blacklisting characters in the selector input, whitelist the characters that are allowed.
Add some unit tests to guarantee functionality won't break.