NGXS is a state management library for Angular. This plugin provides NGXS CLI/Schematics, Intellisense and auto-completions for Jetbrains IDE.
Please ensure you have ngxs cli installed either globally or at the project level.
Checkout the Feature documentation for more details.
-
Simply right click -> New -> NGXS CLI/Schematics to generate a boiler plate store.
-
Navigate to Action Implementation using Gutter Icons
-
LiveTemplate to autocompletion for creating
@Actions
,@Selectors
andexport class NewActions
quicklycmd
+Insert
/ctrl
+Insert
within GeneratorAlt
+Enter
/options
+Enter
- QuickFixes and generate@Action
s &@Selector
s quickly
-
Advance Templates (Editor Autocompletion - Mac -
cmd
+space
or Windows/Linux -ctrl
+space
)methodName-action
@Action(Add) add(ctx: State<StateModel>) { // TODO - Implement action }
methodName-parameter1:Type-action-payload
// add-id:string-action-payload (ctrl + space) // Result // *.state.ts @Action(Add) add(ctx: State<StateModel>, payload: Add) { // TODO - Implement action } // *.actions.ts export class Add { static readonly type = '[MyStore] Add'; constructor(public id: string) { } }
methodName-ClassName-action
methodName-ClassName-parameter1:type,parameter2:type-action-payload
methodName-selector-meta
methodName-selector
-
Many more coming soon. Checkout Github - List all Enhancements
-
Using the IDE built-in plugin system:
Settings/Preferences > Plugins > Marketplace > Search for "ngxs" > Install
-
Manually:
Download the latest release and install it manually using Settings/Preferences > Plugins > ⚙️ > Install plugin from disk...
- By starring this Github project and rating the NGXS plugin.
- By submitting bugs and features -> https://github.com/dinbtechit/ngxs/issues
- By submitting pull requests for the above roadmap items.
- By sponsoring its development to ensure that the project is actively maintained and improved.
If you find this plugin useful consider sponsoring its development to ensure that the project is actively maintained and improved. Buy me a Coffee