Skip to content
| Marketplace
Sign in
Visual Studio Code>Snippets>vscode-ngrx-snippetsNew to Visual Studio Code? Get it now.
vscode-ngrx-snippets

vscode-ngrx-snippets

Ahsan Ayaz

|
3,283 installs
| (0) | Free
NgRx Angular snippets for vscode
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

NgRx - Angular + TypeScript Snippets for VS Code

The extension contains snippets for NgRx used with Angular(v4) & Typescript.

Snippets Usage

Snippets

In any typescript file, start typing one of the below snippet prefixes, press enter, the whole snippet will appear. The snippets have placeholders so one can quickly put model names, action names etc. You can jump to next placeholder by pressing Tab and to previous using Shift + Tab.

Snippet Purpose
ngrx-action-single a single store action with the action class
ngrx-actions Actions setup with necessary imports. Multiple actions snippet included. And relevant exports
ngrx-actions-api-action Api Action snippet that includes an api action along with success and failure snippets
ngrx-reducer snippet for ngrx reducer. contains model/feature state interface, initial state var, reducer and selectors
ngrx-effects effects snippet with a simple http example

Installation

  1. Install Visual Studio Code 1.10.0 or higher
  2. Launch Code
  3. From the command palette Ctrl-Shift-P (Windows, Linux) or Cmd-Shift-P (OSX)
  4. Select Install Extension
  5. Choose the extension
  6. Reload Visual Studio Code

Happy coding!

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft