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