Tôi đang sử dụng angualr4 với angular-cli và tôi có thể tạo thành phần mới bằng lệnh sau.
E:\HiddenWords>ng generate component plainsight
Nhưng tôi cần phải tạo ra một thành phần con bên trong vùng đồng bằng. Có cách nào để làm với angular-cli?
Tôi đang sử dụng angualr4 với angular-cli và tôi có thể tạo thành phần mới bằng lệnh sau.
E:\HiddenWords>ng generate component plainsight
Nhưng tôi cần phải tạo ra một thành phần con bên trong vùng đồng bằng. Có cách nào để làm với angular-cli?
Câu trả lời:
Việc ng g component plainsight/some-name
tạo một thư mục mới khi chúng ta sử dụng nó.
Đầu ra cuối cùng sẽ là:
plainsight/some-name/some-name.component.ts
Để tránh điều đó, hãy sử dụng tùy chọn phẳng ng g component plainsight/some-name --flat
và nó sẽ tạo các tệp mà không tạo thư mục mới
plainsight/some-name.component.ts
tức là bạn muốn tạo một thành phần trong một app/component
thư mục, sau đó làm theo các bước sau
Open in Command Prompt
tùy chọnng g c my-new-component
Ngoài ra, bạn có thể kiểm tra quá trình này thông qua hình ảnh này
ng g c component-name
Để chỉ định vị trí tùy chỉnh: ng g c specific-folder/component-name
ở đây component-name
sẽ được tạo trong thư mục cụ thể.
Cách tiếp cận Similarl thể được sử dụng để tạo ra các thành phần khác như directive
, pipe
, service
, class
, guard
, interface
, enum
, module
,, vv
mã ngắn hơn để tạo thành phần: ng g c component-name
để xác định vị trí của nó:ng g c specific-folder/component-name
Thông tin bổ sung thêm
mã ngắn hơn để tạo lệnh: ng g d directive-name
để chỉ định vị trí của nó:ng g d specific-folder/directive-name
ng g c folderName/SubFolder/.../componentName --spec=false
Các tùy chọn trên không hoạt động với tôi vì không giống như tạo thư mục hoặc tệp trong thiết bị đầu cuối, khi CLI tạo một thành phần, nó sẽ thêm đường dẫn src / app theo mặc định vào đường dẫn bạn nhập.
Nếu tôi tạo thành phần từ thư mục ứng dụng chính của mình như vậy (SAU)
ng g c ./src/app/child/grandchild
thành phần được tạo ra là thế này:
src/app/src/app/child/grandchild.component.ts
vì vậy tôi chỉ phải gõ
ng g c child/grandchild
Hy vọng điều này sẽ giúp được ai đó
Đơn giản
ng g component plainsight/some-name
Nó sẽ tạo thư mục "plainsight" và tạo một số thành phần tên bên trong nó.
Thử sử dụng
ng g component plainsight/some-name.component.ts
Hoặc thử bằng tay, nếu bạn cảm thấy thoải mái hơn.
Một khi bạn đang ở trong thư mục của dự án của bạn. sử dụng cd path/to/directory
sau đó sử dụng ng g c component_name --spec=false
nó tự động hóa mọi thứ và không có lỗi
các g c
phương tiện tạo thành phần
Đi đến thư mục dự án trong dấu nhắc lệnh hoặc trong Project Terminal.
Chạy cmd: ng gc tên thành phần
Angular CLI cung cấp tất cả các lệnh bạn cần trong quá trình phát triển ứng dụng của bạn. Đối với yêu cầu cụ thể của bạn, bạn có thể dễ dàng sử dụng ng g
( ng generate
) để hoàn thành công việc.
ng g c directory/component-name
sẽ tạo component-name
thành phần trong directory
thư mục.
Sau đây là bản đồ của một vài lệnh đơn giản bạn có thể sử dụng trong ứng dụng của mình.
ng g c comp-name
hoặc ng generate component comp-name
để tạo một thành phần có tên 'comp-name'ng g s serv-name
hoặc ng generate service serv-name
để tạo một dịch vụ với tên 'tên dịch vụ'ng g m mod-name
hoặc ng generate module mod-name
để tạo một mô-đun với tên 'mod-name'ng g m mod-name --routing
hoặc ng generate module mod-name --routing
để tạo một mô-đun có tên 'mod-name' với định tuyến gócHi vọng điêu nay co ich!
Chúc may mắn!
Nếu bạn sử dụng VSCode, hãy cân nhắc sử dụng Bảng điều khiển góc
Nó cung cấp một giao diện cho Angular CLI. Bạn sẽ thấy một tùy chọn để chỉ định đường dẫn.
Angular CLI vô cùng mạnh mẽ và có thể mở rộng. Trên thực tế, có rất nhiều khả năng giúp các nhà phát triển có tất cả các tùy chọn cấu hình khác nhau cho mỗi lệnh có sẵn cho họ.
Với Bảng điều khiển góc, bạn sẽ nhận được các đề xuất và có thể nâng cấp ngay cả các tính năng dễ bị lãng quên hoặc hiếm khi sử dụng nhất!
Angular Console là, cách đầu tiên và quan trọng nhất, là cách hiệu quả hơn để làm việc với những gì CLI Angular cung cấp.
tên gc thành phần
Bằng cách sử dụng lệnh trên, Thành phần mới sẽ được tạo trong một thư mục có
(tên thành phần) mà bạn đã chỉ định ở trên.
Cần sử dụng --dryRun khi sử dụng thư mục tùy chỉnh
Bạn có thể vượt qua đường dẫn thư mục tùy chỉnh của bạn cùng với ng
lệnh.
ng g c myfolder\mycomponent
Nhưng có khả năng bạn bỏ lỡ chính tả đường dẫn và thư mục mới sẽ được tạo hoặc thay đổi thư mục đích. Vì lý do dryRun
này là rất hữu ích. Nó hiển thị một đầu ra về cách các thay đổi sẽ bị ảnh hưởng.
Sau khi xác minh kết quả, bạn có thể chạy cùng một lệnh mà không cần -d
thực hiện các thay đổi.
--dryRun = đúng | sai
Khi đúng, chạy qua và báo cáo hoạt động mà không viết ra kết quả.
Mặc định: sai
Bí danh: -d
Tài liệu chính thức: - https://angular.io/cli/generate