Angular Cli Là Gì

  -  

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

Chào các bạn,hôm nay anh đã chỉ dẫn phần đông người cách áp dụng Angular Cli nhằm chế tác dự án công trình Angular là như thế nào?

1- Angular Cli là gì

Chúng ta áp dụng tool Angular Cli sẽ giúp đỡ họ tạo ra dự án công trình một giải pháp nhanh chóng. Nó auto thông số kỹ thuật các tệp tin cùng package của dự án công trình angular cho chúng ta một cách auto. Ngoài ra họ áp dụng Angular Cli nhằm chế tạo ra những components, directive xuất xắc service vào trong dự án bao gồm sẵn chỉ bằng 1 mẫu lệnh.

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

2- Cài đặt Angular Cli

Bước 1 : Chúng ta cài Angular Cli bằng phương pháp áp dụng lệnh npm install như sau. Trong thời điểm này nó sẽ lấy phiên phiên bản mới nhất của Angular Cli

1npm install -g
angular/cli
latest
Chúng ta có thể kiểm tra phiên bạn dạng angular cli bởi lệnh –version nhỏng sau. Phiên bạn dạng anh đang dùng là 9.0.1

1ng --version
Cách 2 : Tạo dự án công trình angular bằng lệnh ng new
1ng new HotelProject
Câu lệnh sinh hoạt bên trên sẽ tự động hóa tạo thành thư mục dự án công trình Angular, mang những thỏng viện Angular với các thỏng viện phụ thuộc khác của dự án. Cài đặt cùng thông số kỹ thuật typescript (ngôn ngữ dùng để xây dựng angular), sau cùng là cài đặt những thư viện tương quan tới việc testing mang đến dự án angular.

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

1ng serve
khi chạy lệnh ng VPS sẽ biên dịch dự án công trình angular cùng Webpaông xã VPS nhằm thực thi code Angular lên server. WebPaông chồng chạy cùng với port 4200. Sau Lúc code Angular được biên dịch hoàn thành. Ta rất có thể kiểm soát bằng phương pháp vào browser cùng gõ http://localhost:4000. Ta sẽ nhận được trang home page của Angular nlỗi sau.

*

Bên cạnh đó bạn cũng có thể nói angular biên dịch và mnghỉ ngơi trình chăm nom lên auto bằng câu lệnh

1ng serve sầu -o

3- Cấu trúc dự án Angular

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

File .gitignore : dùng để miêu tả file làm sao được chuyển lên github file như thế nào không được gửi lên.

angular.json : dùng để làm cấu hình lại Angular Cli.

browsersdanh mục : hồ hết phiên bản browser vẫn tương xứng cùng với dự án angular.

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

Xem thêm: Routing Loop: Ttl Expired In Transit Là Gì, Routing Loop: Ttl Expired In Transit

package.json : tệp tin này chứa các thư viện cần thiết mang lại dự án công trình angular, Nhiều hơn nếu ta thêm 1 thỏng viện mặt lắp thêm 3 vào thì khai báo trong này.

tslint.js : dùng làm kiểm soát code gồm quality hay là không, có dễ đọc xuất xắc dễ duy trì không, gồm theo chuẩn không.

thỏng mục e2e : chức các tệp tin liên quan đến sự việc testing. Angular thực hiện tlỗi viện protractor để thực hiện automation kiểm tra trên các trình để ý.

thư mục node_modules : vị trí đựng những thư viện với được tải về về cho dự án angular. Nó được làm chủ bằng NPM Tức là ta dùng NPM để xoá , thêm những thỏng viện.

tlỗi mục src : địa điểm đựng những source khi lịch trình chạy. Đây là vị trí triệu tập những dòng code của vận dụng angular.

tlỗi mục phầm mềm : angular cli tạo ra folder này giống như folder phụ vương của ứng dụng. Angular cli tạo thành nlỗi một ví dụ chủng loại để trong tương lai ta chế tạo các component khác. Trong thư mục app thông thường sẽ có.

Xem thêm: Cách Nhận Xét Biểu Đồ Pareto Chart Là Gì ? Ý Nghĩa Và Các Bước Lập Biểu Đồ

app.component.html : chỗ chúng ta viết những files html. Là tầng view nhưng mà người tiêu dùng hoàn toàn có thể thấy được. app.component.ts (component class) : là file cách xử trí những nghiệp vụ nó giống hệt như Controller mặt Spring Web. tiện ích.component.css : chúng ta khái niệm các css mà component sẽ cần sử dụng. phầm mềm.component.ts : file này sử dụng đến việc testing (kiểm thử). ứng dụng.module.ts : tệp tin dùng để cấu hình mang đến module tiện ích. app-routing.module.ts : tệp tin này dùng để điều hướng.

Mọi tín đồ hãy Subscribe kênh youtube tiếp sau đây nhé để update những đoạn phim mới nhất về chuyên môn và tài năng mượt