Cheatsheet: Angular CLI Reference

Đây là một cheat sheets sẽ giúp bạn tìm thấy các lệnh bạn cần cho hầu hết những điều bạn muốn thực hiện với Angular CLI. Để được giới thiệu ngắn gọn về Angular CLI, bạn có thể khám phá hướng dẫn này .

---

Kiểm tra version

Xem version CLI bạn đang sử dụng:

ng --version 

Cập nhật version

Chạy cái này:

npm uninstall -g @angular/cli cache clean 
npm install -g @angular/cli@latest 

Cứu giúp

Nhận trợ giúp chung:

ng help 

Hoặc nhận trợ giúp cho một lệnh cụ thể:

ng help generate 

Dự án mới

Tạo một dự án mới:

ng new my-app 

Và đây là một số cờ bạn có thể sử dụng:

• --dry-run : Xem file nào sẽ được tạo, nhưng không thực sự làm gì cả.
• --verbose : Hãy trò chuyện nhiều hơn.
• --skip-install : Không npm install , hữu ích khi offline hoặc với mạng internet chậm.
• --skip-tests : Không tạo file đặc tả.
• --skip-git : Không khởi tạo repo git.
• --source-dir : Tên của --source-dir nguồn
• --routing định tuyến: Thêm định tuyến vào ứng dụng.
• --prefix : Chỉ định tiền tố để sử dụng cho bộ chọn thành phần.
• --style : Mặc định là css , nhưng có thể được đặt thành scss .
• --inline-style : Sử dụng kiểu nội tuyến cho các thành phần thay vì các file riêng biệt.
• --inline-template : Sử dụng các mẫu nội tuyến cho các thành phần thay vì các file riêng biệt.

Đây là một ví dụ với một số cờ:

ng new my-app --prefix yo --style scss --skip-tests --verbose 

Tạo ra tất cả mọi thứ

Tạo một thành phần:

ng g c unicorn-component 

Tạo một dịch vụ:

ng g s everything-service 

Tạo một đường ống:

ng g pipe my-pipe 

Tạo một chỉ thị:

ng g directive my-directive 

Tạo một enum:

ng g enum some-enum 

Tạo một module :

ng g module fancy-module 

Tạo một lớp:

ng g cl my-class 

Tạo giao diện:

ng g interface my-interface 

Tạo bảo vệ tuyến đường:

ng g guard my-guard 

Cờ --dry-run và --verbose được dùng với bất kỳ lệnh tạo nào.

Phục vụ

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

ng s 

Cung cấp và mở trong trình duyệt mặc định của bạn một cách tự động:

ng s -o 

Phân phối đến một cổng khác:

ng s --port 5555 

Chạy thử nghiệm của bạn

ng test 

Và một số cờ bạn có thể sử dụng với lệnh test :

• --watch : Kiểm tra lại khi một số file thay đổi.
• --code-coverage : Thêm báo cáo phạm vi.
• --progress : Hiển thị tiến trình trong khi chạy các bài kiểm tra.
• --browsers trình duyệt: Chỉ định trình duyệt sẽ sử dụng.
• --colors màu sắc: Sử dụng màu trong kết quả hoặc không.

Linting

Chạy linter:

ng lint 

Một vài lá cờ cho linter:

• --fix : Áp dụng các bản sửa lỗi cho các lỗi --fix .
• --force : Buộc thành công ngay cả khi linting không thành công.

Xây dựng ứng dụng của bạn

Xây dựng ứng dụng của bạn bằng lệnh build :

ng build 

Và đây là một số cờ mà bạn có thể sử dụng với bản dựng :

• --target : Chỉ định mục tiêu cho bản dựng (ví dụ: --target production mục tiêu).
• --aot : Sử dụng biên dịch trước thời hạn.
• --base-href : Chỉ định href cơ sở để sử dụng.
• --deploy-url : Chỉ định url triển khai.
• --extract-css : Đặt các kiểu chung trong một file CSS thay vì giữ nó trong JavaScript.
• --watch : Xây dựng lại mỗi khi file thay đổi.

Loại bỏ cấu hình Webpack của bạn

Angular CLI không làm điều đó cho dự án của bạn nữa? Chỉ cần đẩy ra và bạn sẽ có cấu hình Webpack đầy đủ có sẵn để điều chỉnh theo mong muốn của trái tim bạn:

ng eject 

Kết luận

Đây là một số lệnh phổ biến nhất cho Angular CLI. Để được giới thiệu ngắn gọn về Angular CLI, bạn có thể khám phá hướng dẫn này .

---

---

Các tin liên quan