Angular Cli Là Gì

     

I. Angular là gì?

Angular là một trong platform với framework nhằm xây dựng những ứng dụng single page client sử dụng HTML và TypeScript. Angular được viết bởi TypeScript.Angular triển khai tính năng cốt lõi và chức năng tùy lựa chọn như một tập hợp những thư viện TypeScript mà các bạn nhập vào áp dụng của mình.Angular sẽ phát hành vào thời điểm năm 2016, nhưng trước khi có Angular thì đã gồm AngularJS.

Bạn đang xem: Angular cli là gì

Tiếp theo cùng khám phá AngularJS vs Angular phân biệt ra sao nhé.

II. AngularJS vs Angular

2 phiên bản Angular này khiến nhiều nhà cải tiến và phát triển nhầm lẫn. AngularJS với Angular là số đông framework trọn vẹn khác nhau. Các phiên bản Angular 1x như: 1, 1.2, 1.5, v.v. được hotline là Angular JS với từ phiên phiên bản 2 trở lên được gọi là Angular.

Angular JS → phiên bản từ 1.xAngular → phiên phiên bản 2 trở lên

Vì vậy, Angular 2x+ là một phiên bản viết lại hoàn hảo của framework AngularJS và các phiên phiên bản mới rộng như: 4, 5, 6, v.v. Là phần đông thay đổi nhỏ dại của Angular phiên bạn dạng 2.

Trong loạt bài bác này, bạn sẽ tìm đọc Angular 2+.

III. Angular CLI là gì?

CLI là viết tắt của Command Line Interface. Angular gồm CLI riêng giúp cho developer tương đối nhiều thứ trong quá trình lập trình từ trên đầu đến cuối.

Angular CLI đang được sử dụng để tự động hóa hóa các hoạt động trong các dự án Angular thay bởi vì phải triển khai theo giải pháp thủ công.

Ví dụ, Angular CLI rất có thể được sử dụng cho:

Cấu hình, tùy chỉnh Môi trườngXây dựng component, services, routersstart serer, testing, deploy projectCài để thư viện của mặt thứ 3 (như Bootstrap, Sass, Less, v.v.)...

Xem thêm: Điệp Viên Hai Mang Là Gì - Điệp Viên Hai Mang George Blake Là Ai

Bây giờ, mình sẽ tạo project Angular sample đầu tiên từng cách qua CLI nhé.

IV. Tạo project sample

4.1. Setup NPM (Node Package Manager)

Trước hết, chúng ta sẽ buộc phải Node js. NPM (trình cai quản gói nút, là một trong những phần của nút js) là 1 trong những công nỗ lực để setup các thư viện của mặt thứ 3 với các phụ thuộc vào vào dự án của chúng tôi. Nếu bạn chưa có nó, bạn có thể tải xuống và cài đặt nó từ phía trên . Tôi cũng đã lý giải nó từng bước trên clip hướng dẫn.

4.2 thiết đặt Angular CLI

Nếu chúng ta đã thiết đặt nút js, bước tiếp theo sau là cài đặt Angular CLI vào laptop của bạn:

npm install -g
angular/clig là viết tắt của thiết đặt global. Nếu như bạn sử dụng -g sau này, bạn cũng có thể sử dụng CLI trong ngẫu nhiên dự án Angular nào trên máy tính của bạn.

Note: Nhập ng version vào terminal của doanh nghiệp để coi version Angular đang sử dụng.

*

4.3 sản xuất một dự án Angular mới

Sau khi thiết lập xong, bạn có thể sử dụng Angular CLI để tạo một dự án Angular mới bởi lệnh sau:

ng new first-angular-appLệnh này chế tạo ra một dự án Angular mới có tên là first-angular-app, toàn bộ source common sẽ được CLI auto cài đặt, bạn chưa phải tự tạo ra gì hết.

*

4.4 Chạy ứng dụng

Sau khi cài đặt CLI và chế tạo một áp dụng Angular mới, bước sau cùng là start dự án. Để làm điều đó, chúng ta cần áp dụng lệnh sau:

ng serve --openParam open sẽ tự động hóa mở cửa sổ trình duyệt tổng thể của bạn.

Angular cung cấp realtime listen server, do vậy lúc bạn biến đổi code, trình phê duyệt sẽ được tự động hóa thay đổi, bạn không yêu cầu refresh lại trình thông qua nữa.

Xem thêm: Phúc Âm Là Gì, Khái Niệm Và Định Nghĩa), Bản Chất Của Sứ Điệp Phúc Âm Là Gì

*

*

V. Kết luận

Oke, do vậy mình đã giới thiệu qua cho chúng ta về Angular cùng Angular CLI, cách setup ứng dụng Angular đầu tiên. Ở bài xích sau mình sẽ đi vào cụ thể hơn về các thành phần của Angular nhé.