finds.dev← search

// the find

johnpapa/vscode-angular-snippets

★ 568 · TypeScript · MIT · updated Jun 2026

Angular Snippets for VS Code

A VS Code extension from John Papa that provides Angular snippet shortcuts for TypeScript and HTML. Updated for Angular 18 with standalone component support, it targets Angular developers who want to reduce boilerplate when scaffolding components, services, guards, and NgRx state management.

Maintained by a well-known Angular ecosystem figure, so snippets tend to stay current with major Angular releases rather than rotting at v12. Standalone component snippet is there alongside the classic NgModule patterns, so you're not stuck with legacy-first scaffolding. NgRx coverage is solid — actions, reducers, effects, selectors all present without needing a separate extension. The AGENTS.md contributor guide suggests some intentionality around keeping conventions consistent as the Angular API evolves.

568 stars is low for a snippet pack from a prominent author — indicates most Angular devs have moved to Schematics or IDE-native generation (Angular Language Service, nx console) and don't reach for manual snippets much anymore. No snippets for Angular signals, which have been the primary reactive primitive push since Angular 16; @Input({ required: true }), input(), computed(), and effect() are all absent. The HTML snippet set still leans heavily on structural directives like *ngIf and *ngFor with no coverage of the newer @if/@for control flow syntax that ships as stable in Angular 17+. Test coverage is minimal — one test file that likely just checks the extension activates, not that any specific snippet produces valid code.

View on GitHub →

// want more like this?

We dig through GitHub every week and send a few repos picked for what you actually care about — each with an honest take like this one.

Get finds in your inbox → Search again →