Как сгенерировать компоненты в определенной папке с angular-cli?

Я использую angualr4 с angular-cli и могу создать новый компонент с помощью следующей команды.

E:\HiddenWords>ng generate component plainsight

Но мне нужно создать дочерний компонент внутри плацдарма. Есть ли способ сделать с angular-cli?

ng g component plainsight/some-nameДелает новый каталог , когда мы используем его.

Окончательный результат будет:

plainsight/some-name/some-name.component.ts

Чтобы избежать этого, используйте параметр flat, ng g component plainsight/some-name --flat и он будет генерировать файлы без создания новой папки.

plainsight/some-name.component.ts

Быстрый, простой и безошибочный метод

т.е. вы хотите создать компонент в app/componentпапке, а затем выполните следующие действия

1. Щелкните правой кнопкой мыши папку, в которой вы хотите создать компонент
2. Выберите Open in Command Promptопцию
3. В новом терминале (вы увидите выбранный путь), затем введите ng g c my-new-component

Также вы можете проверить этот процесс через это изображение

ng g c component-name

Для указания пользовательского местоположения: ng g c specific-folder/component-name

здесь component-nameбудет создан внутри конкретной папки.

Similarl подход может быть использован для создания других компонентов , таких как directive, pipe, service, class, guard, interface, enum, moduleи т.д.

более короткий код для генерации компонента: ng g c component-name
указать его местоположение:ng g c specific-folder/component-name

Дополнительная информация
более короткий код для генерации директивы: ng g d directive-name
указать его местоположение:ng g d specific-folder/directive-name

ng g c folderName/SubFolder/.../componentName --spec=false 

Вышеуказанные параметры не работали для меня, потому что в отличие от создания каталога или файла в терминале, когда CLI генерирует компонент, он добавляет путь src / app по умолчанию к пути, который вы вводите.

Если я сгенерирую компонент из моей основной папки приложения, как это (WRONG WAY)

ng g c ./src/app/child/grandchild 

сгенерированный компонент был таким:

src/app/src/app/child/grandchild.component.ts

так что мне нужно было только набрать

ng g c child/grandchild 

Надеюсь, это поможет кому-то

Мне не повезло с вышеуказанными ответами (в том числе --flat), но то, что мне помогло, было:

cd path/to/specific/directory

Оттуда я побежал ng g c mynewcomponent

просто

ng g component plainsight/some-name

Это создаст папку "Plainsight" и сгенерирует компонент с неким именем.

Попробуй использовать

ng g component plainsight/some-name.component.ts

Или попробуйте это вручную, если вам удобнее.

Как только вы окажетесь в каталоге вашего проекта. использовать, cd path/to/directoryзатем использовать ng g c component_name --spec=falseэто автоматизирует все и без ошибок

что g cсредство генерации компонента

Перейдите в папку проекта в командной строке или в терминале проекта.

Запустите cmd: ng gc имя_компонента

Angular CLI предоставляет все команды, которые вам нужны при разработке вашего приложения. Для ваших конкретных требований вы можете легко использовать ng g( ng generate) для выполнения работы.

ng g c directory/component-nameсгенерирует component-nameкомпонент в directoryпапке.

Ниже приведена карта нескольких простых команд, которые вы можете использовать в своем приложении.

1. ng g c comp-nameили ng generate component comp-nameсоздать компонент с именем 'comp-name'
2. ng g s serv-nameили ng generate service serv-nameсоздать сервис с именем 'serv-name'
3. ng g m mod-nameили ng generate module mod-nameсоздать модуль с именем 'mod-name'
4. ng g m mod-name --routingили ng generate module mod-name --routingсоздать модуль с именем 'mod-name' с угловой маршрутизацией

Надеюсь это поможет!

Удачи!

Если вы используете VSCode, рассмотрите возможность использования угловой консоли

Он предоставляет интерфейс для Angular CLI. Вы увидите возможность указать путь.

Угловой CLI очень мощный и расширяемый. На самом деле, существует так много возможностей, что разработчикам полезно иметь все различные параметры конфигурации для каждой команды, доступной для них.

С Angular Console вы получите рекомендации и сможете использовать даже самые легко забываемые или редко используемые функции!

Angular Console - это, прежде всего, более продуктивный способ работы с тем, что обеспечивает Angular CLI.

Во-первых, для создания компонента вам необходимо использовать: -

• ng gc имя компонента

  С помощью приведенной выше команды новый компонент будет создан в папке с
  (именем компонента), указанным выше.

Но если вам нужно создать компонент внутри другого компонента или в определенной папке: -

• ng gc имя_компонента / newComponentName

Необходимость использования --dryRun при использовании пользовательского каталога

Вы можете передать свой путь к каталогу вместе с ngкомандой.

ng g c myfolder\mycomponent

Но есть вероятность, что вы пропустите путь по буквам, и будет создана новая папка или изменен целевой каталог. По этой причине dryRunочень полезно. Он отображает вывод о том, как изменения будут затронуты.

После проверки результата вы можете выполнить ту же команду без -dвнесения изменений.

--dryRun = истина | ложь

Если это правда, запускает и сообщает о деятельности без записи результатов.

По умолчанию: false

Псевдонимы: -d

Официальный документ: - https://angular.io/cli/generate