Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Angular Generator SPNew to Visual Studio Code? Get it now.
Angular Generator SP

Angular Generator SP

SMIT_PATEL_SP

|
7 installs
| (0) | Free
Generate Angular components, services, pipes, directives, modules, guards & interceptors
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Angular Generator

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

  1. Open VS Code
  2. Go to Extensions (Ctrl+Shift+X)
  3. Search for "Angular Generator"
  4. Click Install

Usage

  1. Right-click in the Explorer
  2. Select "Angular Generator" from the context menu
  3. Choose your options:
    • Toggle "Standalone" for standalone components
    • Toggle "Generate Spec" for spec file generation
  4. 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:

  • angular-generator.standalone: Enable/disable standalone component generation
  • angular-generator.generateSpec: Enable/disable spec file generation

Known Issues

  • None at the moment

Release Notes

0.0.1

Initial release of Angular Generator:

  • Basic Angular artifact generation
  • Standalone component support
  • Spec file generation
  • CSS type detection
  • Context menu integration

Contributing

  1. Fork the repository
  2. Create your feature branch (git checkout -b feature/amazing-feature)
  3. Commit your changes (git commit -m 'Add some amazing feature')
  4. Push to the branch (git push origin feature/amazing-feature)
  5. Open a Pull Request

License

This project is licensed under the MIT License - see the LICENSE file for details.

Acknowledgments

  • Angular team for the amazing framework
  • VS Code team for the excellent extension API
  • The open source community for inspiration and support
  • All contributors who help improve this extension
  • Special thanks to users who provide valuable feedback and suggestions
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft