Angular Cli Là Gì

     

Giới thiệu nội dung bài xích viết

Chào những bạn,hôm ni anh sẽ chỉ dẫn mọi fan cách sử dụng Angular Cli nhằm tạo dự án công trình Angular là như vậy nào?

1- Angular Cli là gì

Chúng ta thực hiện tool Angular Cli để giúp bọn họ tạo dự án công trình một cách nhanh chóng. Nó tự động hóa cấu hình các file với package của dự án công trình angular cho họ một cách tự động. Bên cạnh đó chúng ta sử dụng Angular Cli nhằm tạo các components, directive giỏi service vào trong dự án công trình có sẵn chỉ bằng 1 cái lệnh.

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

2- cài đặt Angular Cli

bước 1 : họ cài Angular Cli bằng phương pháp sử dụng lệnh npm install như sau. Hôm nay nó đang lấy phiên phiên bản mới duy nhất của Angular Cli

1npm install -g
angular/cli
latest
Chúng ta rất có thể kiểm tra phiên bạn dạng angular cli bởi lệnh –version như sau. Phiên phiên bản anh đang cần sử dụng là 9.0.1

1ng --version
bước 2 : Tạo dự án công trình angular bởi lệnh ng new
1ng new HotelProject
Câu lệnh sinh hoạt trên sẽ tự động tạo ra thư mục dự án Angular, lấy những thư viện Angular và các thư viện dựa vào khác của dự án. Thiết đặt và thông số kỹ thuật typescript (ngôn ngữ dùng làm lập trình angular), ở đầu cuối là cài đặt các thư viện tương quan đến việc testing cho dự án angular.

bước 3 : Chạy dự án angular bằng lệnh ng serve

1ng serve
Khi chạy lệnh ng server vẫn biên dịch dự án angular và Webpack hệ thống để triển khai code Angular lên server. WebPack chạy với port 4200. Sau khoản thời gian code Angular được biên dịch xong. Ta có thể kiểm tra bằng phương pháp vào browser và gõ http://localhost:4000. Ta sẽ nhận ra trang home của Angular như sau.

*

Ngoài ra chúng ta cũng có thể nói angular biên dịch cùng mở trình coi xét lên tự động hóa bằng câu lệnh

1ng serve -o

3- kết cấu dự án Angular

File .editorconfig : file này cần sử dụng để thông số kỹ thuật nếu trình soạn thảo code chúng ta dùng là Visual Studio. Mình bao gồm thể biến đổi cấu hình trên đây.

File .gitignore : dùng làm thể hiện file nào được chuyển lên github file nào không được chuyển lên.

angular.json : dùng để thông số kỹ thuật lại Angular Cli.

browserslist : phần lớn phiên bản browser sẽ tương hợp với dự án công trình angular.

karma.config.js : tệp tin này dùng để làm chạy các testing (kiểm thử) những chức năng.

Xem thêm: Đơn Vị Của Công Trong Hệ Si Là, Định Nghĩa Và Viết Biểu Thức Của Công

package.json : tệp tin này chứa các thư viện quan trọng cho dự án công trình angular, bên cạnh đó nếu ta thêm 1 thư viện mặt thứ 3 vào thì khai báo trong này.

tslint.js : dùng làm kiểm tra code có chất lượng hay không, bao gồm dễ phát âm hay dễ bảo trì không, tất cả theo chuẩn chỉnh không.

thư mục e2e : chức những file liên quan đến việc testing. Angular áp dụng thư viện protractor để thực hiện automation thử nghiệm trên những trình duyệt.

thư mục node_modules : nơi chứa những thư viện cùng được tải về về cho dự án công trình angular. Nó được làm chủ bằng NPM tức là ta cần sử dụng NPM nhằm xoá , thêm những thư viện.

thư mục src : chỗ chứa những source khi lịch trình chạy. Đây là chỗ tập trung các dòng code của áp dụng angular.

thư mục phầm mềm : angular cli sinh sản ra thư mục này hệt như folder thân phụ của ứng dụng. Angular cli tạo thành như một ví dụ mẫu mã để về sau ta tạo các component khác. Vào thư mục phầm mềm thường có.

Xem thêm: Tổng Hợp Kiến Thức Về Cách Tính Quãng Đường Trong Dao Dong Dieu Hoa

app.component.html : nơi bọn họ viết các files html. Là tầng view mà người dùng hoàn toàn có thể thấy được. App.component.ts (component class) : là file xử lý các nghiệp vụ nó y như Controller mặt Spring Web. App.component.css : bọn họ định nghĩa các css cơ mà component sẽ dùng. App.component.ts : tệp tin này cần sử dụng cho vấn đề testing (kiểm thử). App.module.ts : file dùng để cấu hình cho module app. App-routing.module.ts : file này dùng để làm điều hướng.

Mọi người hãy Subscribe kênh youtube tiếp sau đây nhé để cập nhật các đoạn phim mới độc nhất về nghệ thuật và khả năng mềm