A Visual Studio Code extension that helps you generate Angular components, services, pipes, directives, modules, guards, and interceptors with ease.
⚠️ Disclaimer ⚠️
This is NOT an official Angular extension. This extension is a community-developed tool and is not affiliated with, endorsed by, or connected to Angular, Google, or their official teams.
Features
Generate Angular artifacts from the context menu
Support for standalone components
Automatic spec file generation
Smart CSS type detection (CSS, SCSS, SASS, LESS)
Context menu integration
Toggle options for standalone and spec file generation
Quick and efficient file generation
Consistent code style and structure
Installation
Open VS Code
Go to Extensions (Ctrl+Shift+X)
Search for "Angular Generator"
Click Install
Usage
Right-click in the Explorer
Select "Angular Generator" from the context menu
Choose your options:
Toggle "Standalone" for standalone components
Toggle "Generate Spec" for spec file generation
Select the type of file you want to generate:
Component
Service
Pipe
Directive
Module
Guard
Interceptor
Options
Standalone: Toggle to generate standalone components (default: enabled)
Generate Spec: Toggle to generate spec file generation (default: enabled)
Requirements
Visual Studio Code 1.60.0 or higher
Angular project
Node.js 14.0.0 or higher
Extension Settings
This extension contributes the following settings: