Basics
Angular CLI
Command Line Tool
💡 Angular CLI ek personal assistant hai jo repetitive setup kaam khud kar deta hai — jaise ek naya office room banwaने ke liye, khud diwaarein banaने ke bajaye, ek contractor ko bol do "standard office room chahiye", wo sab kuch sahi tarike se bana deta hai.
Angular CLI (ng command) project setup, code generation, building, testing — sab kuch automate karta hai. ng new project-name naya project banata hai (poori structure ke saath). ng generate component name naya component banata hai (4 files — .ts, .html, .css, .spec.ts — automatically).
# Naya project banao:
ng new my-app
# Development server chalाओ:
ng serve # localhost:4200 par live-reload ke saath
# Naya component generate karo:
ng generate component user-profile
# ya shorthand:
ng g c user-profile
# Production build:
ng build --configuration production⌨️
Angular CLI ek personal assistant hai jo repetitive setup kaam khud kar deta hai — jaise ek naya office room banwaने ke liye, khud diwaarein banaने ke bajaye, ek contractor ko bol do "standard office room chahiye", wo sab kuch sahi tarike se bana deta hai.
1 / 2
⚡ झट से Recap
- ng new = naya project setup
- ng serve = development server, live-reload ke saath
- ng generate (ng g) = boilerplate code automatically banaओ
इस page में (2 subtopics)
ng serve development server chalata hai kuch useful options ke saath — --open (browser automatically khole), --port (custom port), --live-reload (default on, code change hote hi browser refresh).
ng serve --open # server start + browser auto-open
ng serve --port 4300 # custom port par chalाओ
ng serve --configuration=development # specific environment configTip: ng serve sirf DEVELOPMENT ke liye hai — production deployment ke liye ng build use karo, jo optimized, minified static files generate karta hai jo kisi bhi web server par serve ho sakti hain.
ng generate underneath "schematics" use karta hai — templates jo consistent, best-practice code generate karte hain. Custom schematics bhi ban sakte hain bade teams ke liye apne khud ke conventions enforce karne ke liye.
ng generate service data # service generate karo
ng generate module admin --routing # routing module ke saath
ng generate pipe formatDate # custom pipe
ng generate guard auth # route guardTip: --dry-run flag se preview kar sakte ho kya files banenge, bina actually create kiye — ng generate component test --dry-run useful hai jab pata karna ho exact kya generate hoga.