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