A Visual Studio Code extension to quickly generate Angular Standalone Components, Services, Directives, Pipes, and Guards with best practices.
- 🧱 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)
- Press
Ctrl + Shift + P - Run one of the commands:
Create Standalone Angular ComponentCreate Angular ServiceCreate Angular DirectiveCreate Angular PipeCreate Angular Guard
- Enter the name (e.g.,
index-page) - Files will be auto-created inside
src/app/...
If you run Create Standalone Angular Component with the name index-page, the following folder structure will be generated:
👨💻 Satendra Rajput
🌐 Website: satendracoder.com
🐦 Twitter: @satendracoder
📷 Instagram: @satendracoder
💼 LinkedIn: Satendra Rajput
📺 YouTube: SatendraCoder