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

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

E:\HiddenWords>ng generate component plainsight

Но мне нужно создать дочерний компонент внутри plainsight. Есть ли способ сделать с угловым кли?

Ответ 1

Вы можете указать путь с помощью команды ng g

ng g component plainsight/yourchildcompname

вышесказанное создаст компонент yourchildcompname и необходимые файлы внутри папки pasensight. если папка паутины не существует, она также создаст эту папку.

Ответ 2

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

Конечным результатом будет:

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

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

plainsight/some-name.component.ts

Ответ 3

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

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

  1. Щелкните правой кнопкой мыши по папке компонентов и выберите Open in Command Prompt
  2. .Теперь введите ng g c my-new-component во вновь созданном терминале

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

enter image description here

Ответ 4

ng gc component-name

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

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

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

Ответ 5

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


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

Ответ 6

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

Ответ 7

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

cd path/to/specific/directory

Оттуда я запустил ng gc mynewcomponent

Ответ 8

просто

ng g component plainsight/some-name

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

Ответ 9

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

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

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

Ответ 10

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

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

enter image description here

Ответ 11

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

gc означает генерировать компонент

Ответ 12

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 для создания компонента с именем "имя-компа"
  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' с angular маршрутизацией

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

Удачи!

Ответ 13

Для генерации компонента или модуля с использованием командной строки угловой-cli используйте следующие команды:

1. ng генерировать заголовок компонента --module = приложение (--module = приложение сообщает CLI, чтобы зарегистрировать его в массиве import/declarations AppModule.)

  • Эта команда создаст одну папку с названием "header" и поместит в нее 2 файла ts, один html и один файл css.

2. ng generate module app-routing --flat --module = приложение (если вы используете --flat, он помещает файл в src/app вместо своей собственной папки).

Ответ 14

Считайте, что ваш проект - книга рецептов. сначала перейдите в папку приложения с помощью

cd src

cd app

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

ng g c mycomponent

это создаст в папке приложения Теперь вы хотите создать компонент внутри mycomponent, затем введите

ng g c myComponent/newmyComponent

это создаст новый компонент в папке myComponent.

Благодарю.