Roadmap › Angular (2 → 21) › Module: Getting Started
Lessons in this course (16)
1. Angular CLI and project structure
Basic★ Must knowLesson 1 of 16
bash
npm install -g @angular/cli
ng new shop --style=scss --ssr=false
cd shop
ng serve -o # dev server on http://localhost:4200
ng generate component orders/order-list # ng g c
ng generate service core/order # ng g s
ng generate pipe shared/status-label
ng generate guard core/auth
ng build # production build by default → dist/
ng test
ng update @angular/core @angular/cli # upgrade versions
ng add @angular/materialsrc/
main.ts bootstrapApplication(App, appConfig)
app/
app.config.ts providers: provideRouter(routes), provideHttpClient(), ...
app.routes.ts route definitions
app.ts / app.html root component
orders/ feature folder (components, services)
styles.scss
angular.json workspace/build configuration
tsconfig.json