Migration Guide
This page contains a selection of commands provided by Angular CLI that I use almost daily in my projects.
# Angular Project creation
Download latest Angular CLI and create a new project:
terminal
terminal
-t: inline template in all components-s: inline styles in all components-S: skip tests
Create a new Angular Zoneless project:
terminal
For this feature we have to thank an Italian friend, Angelo Parziale:
# Components
terminal
- shared/card/
card.component.ts
card.component.html
card.component.css- card.component.spec.ts
terminal
-t: inline template-s: inline styles-S: skip tests
- shared/card/
- card.component.ts
terminal
- shared/
- card.component.ts
terminal
- pages/demo1/
- demo1.component.ts
For this feature we have to thank an Italian friend, Angelo Parziale:
Component is now exported as
default:pages/demo1/demo1.component.ts
Useful to simplify the router rule definition:
app-routes.ts
app-routes.ts
More Commands
You can easily generate services, directives, guards, interceptors and more.
For a full list, please consult the official documentation .
# Upgrade Angular versions:
terminal
- Update Guide: https://angular.dev/update-guide
# Remove ZoneJS
To remove ZoneJS from old Angular projects follow this guideline:
1
Remove ZoneJS:
npm uninstall zone.js2
Remove ZoneJS from
angular.json3
Use
provideExperimentalZonelessChangeDetection# Migration CLI Tools
The following migration tools are used in this video course and described in various lessons
terminal
terminal
# Download PDF
Topics
Bookmarks
Courses