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/material
src/
  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