Hướng dẫn tạo project angular 2 dùng angular CLI

Bạn đang ở bài 3 trong 3 bài của serie AngularJS.

Trong bài này mình sẽ hướng dẫn các bạn tạo ra project angular 2 dùng CLI thay vì phải tạo từng file một.

Hồi trước để tạo project Angular 2, chúng ta phải thiết lập nhiều thứ khá phức tạp. Nhưng giờ đây với angular cli bạn có thể tạo ra project angular 2 một cách dễ dàng.

Các bạn có thể vào trang https://cli.angular.io/ để xem thêm thông tin chi tiết.

Để cài đặt CLI bạn dùng lệnh.


npm install -g angular-cli

Để cài đặt CLI bạn dùng lệnh.


ng new project-name

Ví dụ như: ng new demoAngular2

Run, Build, Test các kiểu

Sau đó chúng ta sử dụng lệnh sau để chạy ứng dụng.


ng serve

Để build ứng dụng thì chúng ta sẽ dùng lệnh


ng build

Để chạy unit test thì chúng ta sử dụng lệnh


ng test

Còn test e2e thì dùng lệnh


ng e2e

Cách tạo ra Component

Hồi trước nếu mới bắt đầu dùng angular 2 ta phải tạo từng file, nào là html rồi css rồi ts. Bây giờ ta chỉ cần dùng các lệnh:


ng g component my-new-component

Ví dụ như: ng g component hello

Tương tự, để tạo một cái gì đó thì bạn gõ:

Directive ng g directive my-new-directive
Pipe ng g pipe my-new-pipe
Service ng g service my-new-service
Class ng g class my-new-class
Interface ng g interface my-new-interface
Enum ng g enum my-new-enum
Module ng g module my-module
Route ng g route my-route

Cảm ơn các bạn đã theo dõi và hẹn gặp lại các bạn trong những bài viết về angular 2.

Xem tiếp bài trong serie AngularJS

Bài trước: [Bài 2] - Cách sử dụng filter trong AngularJS
Hướng dẫn tạo project angular 2 dùng angular CLI
5 (100%) 1 vote

Bình luận

Hãy trở thành người đầu tiên bình luận!

Thông báo
avatar
wpDiscuz