Làm thế nào để đổi tên một thành phần trong Angular CLI

Question

có phím tắt nào để đổi tên thành phần trong CLI góc khác với chỉnh sửa thủ công tất cả các tệp thành phần như tên thư mục, css, ts, spec.ts và app.module.ts?

Answer 1

Không!

Không có lệnh nào sẽ thay đổi tên của tất cả các tệp được tạo bằng lệnh tạo thành phần. Vì vậy, tạo ra ts, html, css/scss, .spec.ts tệp cần phải được đổi tên/chỉnh sửa theo cách thủ công.

Tôi là người dùng thường xuyên của angular cli và tôi nghĩ rằng đây là một điều tuyệt vời để có lệnh như một thời gian chúng tôi chỉ tạo các thành phần góc và cần phải đổi tên nó. Khi lệnh đổi tên này không có, xóa thành phần góc, chỉ thị, vv và một lần nữa chạy lệnh để tạo thành phần thực sự là đau.

Answer 2

Hiện tại, CLI góc không hỗ trợ tính năng đổi tên hoặc mã lại mã.

Bạn có thể đạt được chức năng như vậy với sự trợ giúp của một số IDE.

Intellij, Eclipse, VSCode vv .. có hỗ trợ mặc định việc tái cấu trúc.

Ngày nay VSCode được hiển thị một số xu hướng tăng, cá nhân tôi là một fan hâm mộ của

Refactoring này với VSCode

Determinig tham khảo: - VSCode giúp bạn tìm thấy tất cả các tài liệu tham khảo của một biến, ở khắp mọi nơi có thể xác định rằng nó đang được sử dụng, với SHIFT + F12. Điều này hoạt động rất tốt với Type Script.

Đổi tên tất cả các trường tham khảo: - Sau khi tìm thấy tất cả các tài liệu tham khảo bạn có thể nhấn F2 sẽ mở ra một cửa sổ bật lên và bạn có thể thay đổi giá trị và nhấp Enter này sẽ cập nhật tất cả các trường hợp tham khảo.

Đổi tên tệp và nhập Bạn có thể đổi tên tệp và tham chiếu nhập bằng plugin. Bạn có thể tìm thêm chi tiết here