Giới thiệu Angular CLI
Angular CLI giúp bạn dễ dàng bắt đầu với dự án Angular. Angular CLI bao gồm các lệnh giúp chúng ta tạo và bắt đầu dự án của mình nhanh hơn. Bây giờ chúng ta sẽ tìm hiểu các lệnh có sẵn để tạo một project, component và service, thay đổi port, v.v.
Để làm việc với Angular CLI, chúng ta cần cài đặt lên hệ thống:
npm install -g @angular/cli
Để tạo một project mới, chúng ta có thể chạy lệnh sau:
ng new PROJECT-NAME cd PROJECT-NAME ng serve
Lệnh ng serve sẽ biên dịch và bạn có thể thấy kết quả trong trình duyệt
http://localhost:4200/
4200 là cổng mặc định được sử dụng khi một dự án mới được tạo. Bạn có thể thay đổi cổng bằng lệnh sau:
ng serve --host 0.0.0.0 --port 4201
Lệnh Update Angular
Trong trường hợp bạn muốn cập nhật ứng dụng của mình và các thư viện của nó, bạn có thể sử dụng lệnh sau:
ng update @angular/cli @angular/core
Lệnh trên sẽ cập nhật angular core lên phiên bản mới nhất.
Các lệnh Angular CLI quan trọng
Bảng sau liệt kê một số lệnh quan trọng cần thiết khi làm việc với các dự án Angular:
| No. | Lệnh và mô tả |
|---|---|
| 1 | Component ng g component new-component |
| 2 | Directive ng g directive new-directive |
| 3 | Pipe ng g pipe new-pipe |
| 4 | Service ng g service new-service |
| 5 | Module ng g module my-module |
| 6 | Test ng test |
| 7 | Build ng build --configuration=production // thiết lập môi trường production ng build --configuration=staging // thiết lập môi trường staging |
Bất cứ khi nào một module, component hoặc service mới được tạo, tham chiếu của cùng một module sẽ được cập nhật trong app.module.ts của module main.
