Как переименовать компонент в угловой командной строки?

есть ли ярлык для переименования компонента с угловым CLI, кроме ручного редактирования всех файлов компонентов, таких как имя папки,.стиль CSS. ,ТС, спецификаций.ТС и приложение.модуль.ТС?

4 71
angularjs angular-components

4 ответа:

нет!

нет команды, которая изменит имя всех файлов, созданных с помощью команды component create. Так создано ts,html,css/scss,.spec.ts файлы должны быть вручную переименованы / отредактированы.

Я часто пользуюсь angular cli и я думаю, что это хорошо иметь команду, как какое-то время мы просто создаем угловые компоненты и надо переименовать. Поскольку этой команды переименования нет, удалите созданный угловой компонент, директиву и т. д. И снова запуск команды для создания компонента-это действительно боль.

74

В настоящее время угловой CLI не поддерживает функцию переименования или рефакторинга кода.

вы можете достичь такой функциональности с помощью некоторых IDE.

Intellij, Eclipse, VSCode и др.. имеет поддержку рефакторинга по умолчанию.

В настоящее время VSCode показывает некоторый восходящий тренд,лично я поклонник этого

рефакторинг с VSCode

Determinig reference : - VS код поможет вам найти все ссылки на переменную, выбрав переменную и нажав ярлык SHIFT + F12. Это работает невероятно хорошо с типом скрипта.

переименование всех экземпляров справочно :- После нахождения всех ссылок, вы можете нажать F2 откроется всплывающее окно, и вы можете изменить значение и нажмите enter это обновит все экземпляры ссылки.

переименование файлов и импорта Вы можете переименовать файл и его импортировать ссылки с плагин. Более подробную информацию можно найти здесь

enter image description here

с вышеуказанными шагами после переименования переменных и файлов вы можете добиться переименования углового компонента.

15

обновления: для переименования компонентов вы можете использовать:ng-rn

npm i ng-rn

использование

  cd /path/to/angular-project/
  ng-rn old-button fancy-button

инструмент ищет компоненты в src / app/. Если ваши компоненты находятся в более сложном пути, например src / app / my-vip-components, просто измените каталог:

  cd src/app/my-vip-components
  ng-rn old-button fancy-button

перед любым изменением, сделайте ваши резервные копии :)

2

Как указано в первом ответе, в настоящее время нет способа переименовать компоненты, поэтому мы все просто говорим о обходных путях! Вот что я делаю:

  1. создайте новый компонент, который вам понравился.

    ng генерирует компонент newName

  2. используйте редактор кода Visual studio или любой другой редактор, чтобы затем удобно перемещать код / части бок о бок!

  3. в Linux используйте grep & sed (find & replace) для найти / заменить ссылки.

    grep-ir "oldname"

    cd ваша папка

    sed-i 's / oldName / newName/g'*

0