Angular CLI에서 구성 요소의 이름을 바꾸는 방법

Question

폴더 이름, css, ts, spec.ts 및 app.module.ts와 같은 모든 구성 요소 파일을 수동으로 편집하는 것 외에 Angular CLI에서 구성 요소의 이름을 바꿀 수있는 바로 가기가 있습니까?

Answer 1

아니요!

component create 명령을 사용하여 생성 된 모든 파일의 이름을 변경하는 명령은 없습니다. 따라서 ts, html, css/scss, .spec.ts 파일을 수동으로 이름을 변경하거나 편집해야합니다.

나는 자주 사용자 인 angular cli입니다. 각도 구성 요소를 작성하고 이름을 바꿔야 할 때가 있으므로이 명령을 사용하는 것이 좋습니다. 이 이름 바꾸기 명령이 없기 때문에 생성 된 각도 구성 요소, 지시문 등을 삭제하고 명령을 다시 실행하여 구성 요소를 만들면 정말 고통 스럽습니다.

Answer 2

현재 Angular CLI는 코드 이름 바꾸기 또는 리팩터링 기능을 지원하지 않습니다.

일부 IDE 덕분에 이러한 기능을 사용할 수 있습니다.

Intellij, Eclipse, VSCode 등. 기본적으로 리팩토링을 지원합니다.

요즘 VSCode 일부 상승세를 보여주고, 개인적으로 난 VSCode

Determinig 기준이

리팩토링의 팬 : - 당신은 어디에서나, 변수의 모든 참조를 찾을 수 VSCode 도움말 사용중인 것으로 확인 될 수 있습니다 (SHIFT + F12). 이것은 Type Script를 사용하여 매우 잘 작동합니다. 당신이 F2이 팝업을 열 것입니다 당신이 값을 변경하고이 기준의 모든 인스턴스를 업데이트합니다 입력 클릭 할 수 있습니다 누를 수있는 모든 참조를 찾은 후 - 모든 참조의 인스턴스 이름을 변경

.

파일 및 가져 오기 이름 바꾸기 파일 및 가져 오기 참조의 이름을 플러그인으로 바꿀 수 있습니다. 더 자세한 내용은 찾을 수 있습니다 here