Angular TypeScript Snippets for Visual Studio Code and these code snippets were created by John Papa. This is targeted for Angular 6+ release.
This extension for Visual Studio Code adds snippets for Angular for TypeScript and HTML.
How to Install in your Angular Project?
Please follows this reference link for install – Angular 6 Snippets
Also you can explore the Snippets Changelog.
Usage - Types below snippet press enter, and the snippet unfolds.
TypeScript Angular Snippets –
| Snippet | Purpose |
|---|---|
a-component |
component |
a-component-inline |
component with inline template |
a-component-root |
root app component |
a-directive |
directive |
a-guard-can-activate |
CanActivate guard |
a-guard-can-activate-child |
CanActivateChild guard |
a-guard-can-deactivate |
CanDeactivate guard |
a-guard-can-load |
CanLoad guard |
a-httpclient-get |
httpClient.get with Rx Observable |
a-http-interceptor |
Empty Angular HttpInterceptor for HttpClient |
a-http-interceptor-headers |
Angular HttpInterceptor that sets headers for HttpClient |
a-http-interceptor-logging |
Angular HttpInterceptor that logs traffic for HttpClient |
a-module |
module |
a-module-root |
root app module |
a-module-routing |
routing module file (forChild) |
a-output-event |
@Output event and emitter |
a-pipe |
pipe |
a-rxjs-import |
import RxJs features |
a-route-path-404 |
404 route path |
a-route-path-default |
default route path |
a-route-path-with-children |
route path with children |
a-route-path-eager |
eager route path |
a-route-path-lazy |
lazy route path |
a-router-events |
listen to one or more router events |
a-route-params-subscribe |
subscribe to route parameters |
a-service |
service |
a-service-httpclient |
service with HttpClient |
a-ctor-skip-self |
angular NgModule's skipself constructor |
a-subscribe |
Rx Observable subscription |
For more detail explore below links-
I hope all Angular developers, student, and
lovers love these code snippets! Thank you very much for reading this article.
|
Anil Singh is an author, tech blogger, and software programmer. Book writing, tech blogging is something do extra and Anil love doing it. For more detail, kindly refer to this link..
|
