Thứ ba, 27/10/2020 | 00:00 GMT+7

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--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 .


Tags:

Các tin liên quan