A simple custom CLI tool to create Angular projects with Bootstrap + FontAwesome. It saves time by automating the Angular setup, dependency installation, and configuration process.
Install globally from npm:
npm install -g angular-bootstrap-cliTo create a new Angular project, run:
ng-b-fa-new my-appThis will:
- Create a new Angular app (
ng new my-app) - Install Bootstrap and FontAwesome
- Automatically configure
angular.jsonwith required CSS - Remove
zone.jsfor a zoneless Angular setup
You can pass flags when creating your project:
ng-b-fa-new my-app --no-standalone- Default β Uses Angularβs standalone components
- --no-standalone β Creates a project using NgModules instead of standalone
Your project will already have:
- β Bootstrap grid, utilities, and components
- β FontAwesome icons
- β Zoneless Angular configuration
No extra setup needed β just start coding π
# Create new standalone-based project
ng-b-fa-new shop-app
# Or create module-based project
ng-b-fa-new shop-app --no-standalone
# Move into project
cd shop-app
# Start dev server
ng serve -oOpen http://localhost:4200 to see your app running.
Inside app.component.html, replace the template with:
<div class="container text-center mt-5">
<h1 class="text-primary">
π Angular Bootstrap CLI Works!
</h1>
<button class="btn btn-success mt-3">
<i class="fa fa-check"></i> Bootstrap + FA
</button>
</div>If you see a styled heading and a green Bootstrap button with a FontAwesome icon β π setup is working!
MIT Β© Prince Kumar