ngBoostY is an all-in-one VS Code extension designed to supercharge your Angular development workflow. It automates repetitive tasks, enhances productivity, and brings essential Angular tools into a single, easy-to-use interface.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
ngBoostY - The Ultimate Angular Developer Toolkit for VS Code
🚀 Introduction
ngBoostY is an all-in-one VS Code extension designed to supercharge your Angular development workflow. With just a few clicks or commands, you can automate common Angular tasks, streamline development processes, and enhance your project maintainability.
Say goodbye to tedious manual steps and embrace efficiency, automation, and productivity with ngBoostY!
🌟 Why Use ngBoostY?
✅ One-Stop Utility: Perform multiple Angular operations from a single extension.
✅ Batch Script Automation: Eliminate repetitive tasks with automated scripts.
✅ Performance Monitoring: Analyse and optimize your Angular app effortlessly.
✅ Continuous Documentation Updates: Keep your project documentation always up-to-date.
✅ Version Control Made Easy: Automate release notes and branch checkouts.
✅ Enhanced Developer Experience: Reduce friction and boost productivity instantly.
⚡ Key Features & Actions
Action
Description
Check Node.js, NPM, Angular Installation
Ensures dependencies are installed, or guides installation.
Build Angular App
Compiles and builds your Angular project.
Serve Angular App
Runs ng serve to launch the development server.
Generate Component/Service
Quickly create Angular components/services with SCSS or LESS.
Run Unit Tests
Executes tests and provides a coverage report.
Backup Project
Creates a secure backup of the entire project, excluding node_modules.
Clear Cache
Cleans up NPM, Angular, and Node.js caches to resolve issues.
Lighthouse Performance Audit
Runs npx lighthouse to generate a detailed performance report.
Auto-Generate Documentation
Uses Compodoc to document project files automatically.
Enable Auto Documentation Update
Automatically updates documentation when changes occur in the project.
Run in Different Browsers
Opens the Angular app in Chrome, Firefox, or Edge.
Create Version Release Note (Changelog)
Generates a detailed changelog from Git commit history.
Git Checkout Specific Branch
Quickly switch to a different Git branch.
🔹 1. Check & Install Dependencies
Ensure all essential dependencies are available before working on an Angular project:
Check Node.js Installation
Check NPM Installation
Check Angular Installation
Auto-install missing dependencies
🔹 2. Build & Serve Angular Applications
Build Angular App
Serve the App Locally
Run Application in Different Browsers (Chrome, Firefox, Edge)
🔹 3. Generate Angular Components & Services
Generate a New Component (with SCSS/Less styles option)
Generate a New Service
Generate Modules, Pipes, and Directives
🔹 4. Run & Monitor Tests
Execute Unit Tests (ng test)
Generate Code Coverage Reports
🔹 5. Optimize Performance & Code Quality
Clear Angular & NPM Cache
Run Lighthouse Performance Audits
Analyze Web Vitals
🔹 6. Automated Documentation Generation
Generate Angular Documentation
Enable Auto-Documentation Updates on File Changes
✅ Watches all project files (.ts, .html, .scss, .json, etc.)
✅ Automatically updates documentation when changes are detected
🔹 7. Version Control & Git Enhancements
Checkout to Specific Git Branch
Create and Maintain Version Release Notes (Changelog)
🔹 8. Backup & Restore Project
Create a Backup of the Entire Project
Restore from Backup Easily
🎯 How to Use ngBoostY?
🔸 Using the Custom CLI [Key Activation shortcut: Ctrl + Y B]
Run ngBoostY: Run Angular Utility CLI from the command palette.
Select an option from the interactive CLI menu.
Execute tasks effortlessly.
🔥 What Makes ngBoostY Special?
🎯 Beyond Standard Tools – A Developer’s Best Friend
Unlike just doing it manually, ngBoostY adds:
Auto-documentation on file changes (no manual execution required!)
