This script convert Angular 2 for TypeScript and HTML snippets from Visual Studio Code (Written by John Papa) to WebStorm Live Templates.
- Open IDE preferences
Cmd + ,
- Go to
Plugins -> Browse repositories
- Type
angular
and installAngular 2 TypeScript Templates
- Restart WebStorm
-
Clone repo or download ng2-templates.xml
-
Place the XML file in your templates folder : On OSX that would be ~/Library/Preferences/WebStorm{Version}/templates
-
Restart WebStorm
Type part of a snippet, press enter
, and the snippet unfolds.
ng2-component-root // Angular 2 root App component
ng2-bootstrap // Angular 2 bootstraping, for main.ts
ng2-component // Angular 2 component
ng2-pipe // Angular 2 pipe
ng2-routes // Angular 2 @Routes
ng2-route-path // Angular 2 routing path
ng2-service // Angular 2 service
ng2-subscribe // Angular 2 observable subscription
ng2-ngClass
ng2-ngFor
ng2-ngIf
ng2-ngModel
ng2-routerLink
ng2-ngStyle
ng2-ngSwitch