Sử dụng Angular CLI để thiết lập và chạy với Angular

Nhiều bộ phận chuyển động có liên quan đến bất kỳ dự án Angular nào và Angular CLI (Giao diện dòng lệnh) là một công cụ mới giúp dễ dàng bắt đầu dự án, tạo các thành phần, tuyến đường hoặc dịch vụ, phục vụ các dự án của bạn và chạy thử nghiệm.

Bài đăng này bao gồm Angular 2 trở lên.

Cài đặt Angular CLI

Bước đầu tiên là cài đặt nó từ npm:

$ npm install -g @angular/cli

Thao tác này sẽ cài đặt Angular CLI trên phạm vi global . Nếu npm phàn nàn, hãy thử chạy lệnh với sudo :

$ sudo npm install -g @angular/cli

Bắt đầu một dự án mới

Đầu tiên sử dụng terminal của bạn để chuyển đến một folder sẽ là folder mẹ của dự án của bạn, sau đó chạy lệnh này:

$ ng new app-name

Điều này sẽ tạo một dự án Angular với mọi thứ sẵn sàng để bạn bắt đầu viết mã ngay lập tức! Dưới đây là một ví dụ về cách cấu trúc folder của dự án mới của bạn sẽ như thế nào:

├── README.md
├── angular-cli.json
├── **e2e …**
├── karma.conf.js
├── **node\_modules …**
├── package.json
├── protractor.conf.js
├── **src …**
└── tslint.json

Phục vụ dự án của bạn

Điều này sẽ chạy một server local tại http: // localhost: 4200 theo mặc định. Nó cũng sẽ theo dõi các thay đổi trong dự án của bạn và tự động làm mới trang. Chạy lệnh này từ trong folder dự án:

$ ng serve

ng tạo ra

Sử dụng ng create để tạo ra những thứ hữu ích cho dự án của bạn như các thành phần , tuyến đường , đường ống , dịch vụ và chỉ thị . Ví dụ: đây là cách bạn tạo một thành phần:

$ ng generate component path/component-name

Chạy thử nghiệm

Cuối cùng, chạy thử nghiệm của bạn với thử nghiệm ng :

$ ng test

Tags:

Các tin liên quan