Angular File Generator for VSCode
Streamline with Schematics: Elevate Angular Development
FreeBoilerplateVisual editingCode14,177 impressions#8 of its week1 comment
Comments
>log in to comment- german merlo· 3y ago
Wow! Thanks for making Angular easier. It's super useful. Congrats on this launch
Angular File Generator adds editor-first UI to scaffold Angular artifacts and run CLI commands inside VS Code.
- for
- Angular developers who want in-editor scaffolding and quick CLI access.
- pricing
- free
- license
- MIT
Key features
- Generate Angular artifacts — Create components, services, modules, pipes, guards, and more with a single click from the Explorer or Command Palette.
- Run Angular CLI commands — Invoke ng generate, start server, run tests, and other CLI commands directly from VS Code.
- Custom templates — Define reusable templates via settings to produce team-specific boilerplate.
- Sidebar navigation panel — Explore files, routes, and modules in a dedicated activity-bar view.
- JSON to TypeScript conversion — Transform selected JSON blocks into TypeScript interfaces instantly.
- Built-in snippets — Access ready-made snippets for Angular 20+ reactivity APIs and common patterns.
Use cases
- Create a new component while editing code without opening a terminal
- Run unit tests from the editor with a single command
- Generate project-specific boilerplate using custom templates
- Navigate directly to a module or route from the sidebar
- Convert API response JSON to TypeScript interfaces on the fly
Angular File Generator for VSCode FAQ
Does the extension replace the Angular CLI?+
No, it invokes or mirrors CLI behavior but does not replace the Angular CLI.
Can I use my own project layout?+
Yes, the extension respects the existing workspace configuration and does not modify angular.json.
How do I add custom templates?+
Define them in the workspace setting angular.submenu.templates; they appear in the context menu.
Is it compatible with older Angular versions?+
Supports Angular 9-20+, with legacy mode for Angular 9-19 and Angular 20+ conventions.
Can I generate files in VS Code alternatives like VSCodium?+
Yes, it works in any VSCode-based editor, including VSCodium, Cursor, and others.
What does the sidebar panel show?+
It lists files, routes, and modules, allowing quick navigation by clicking items.
Summarized by DevHunt from marketplace.visualstudio.com · Sep 28, 2026. Details may change; check the official site.