Skip to content

A Visual Studio Code extension to quickly generate Angular Standalone Components, Services, Directives, Pipes, and Guards with best practices.

License

Notifications You must be signed in to change notification settings

satendracoder/sc-angular-generator

Repository files navigation

Angular Helper by SatendraCoder

A Visual Studio Code extension to quickly generate Angular Standalone Components, Services, Directives, Pipes, and Guards with best practices.


Features

  • 🧱 Generate Angular Standalone Components (.ts, .html, .scss)
  • ⚡ Generate Angular Services with Injectable decorator
  • 🧩 Generate Angular Directives with clean setup
  • 🔄 Generate Angular Pipes with transform method
  • 🔐 Generate Angular Guards with canActivate boilerplate
  • 📁 Auto-creates folders and files
  • ✨ Clean, ready-to-use code templates
  • 🚀 Works with Angular v14+ (Standalone API)

Usage

  1. Press Ctrl + Shift + P
  2. Run one of the commands:
    • Create Standalone Angular Component
    • Create Angular Service
    • Create Angular Directive
    • Create Angular Pipe
    • Create Angular Guard
  3. Enter the name (e.g., index-page)
  4. Files will be auto-created inside src/app/...

Example Output

If you run Create Standalone Angular Component with the name index-page, the following folder structure will be generated:


📌 Author & Links

👨‍💻 Satendra Rajput
🌐 Website: satendracoder.com
🐦 Twitter: @satendracoder
📷 Instagram: @satendracoder
💼 LinkedIn: Satendra Rajput
📺 YouTube: SatendraCoder


About

A Visual Studio Code extension to quickly generate Angular Standalone Components, Services, Directives, Pipes, and Guards with best practices.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published