Все, что вам нужно сделать для создания примера проекта Angular 7 / PrimeNG 7, - это запустить:
or
который будет использовать модуль NPM primeng-schematics под капотом.
Предварительно установленные модули NPM не требуются. Выполнение этой команды:
- создайте новый проект Angular 7 под названием «my-primeng-app» (схема angular ng-new)
- добавить поддержку PrimeNg 7 во вновь созданный проект (схема primeng-schematics).
- создать образец компонента панели мониторинга (схема png g dbr), который включает:
- строка меню primeNG (схема png g mb)
- шесть типов диаграмм primeNG (схема png g chr - type)
- Таблица primeNG (схема png g t).
- png - это псевдоним для модуля primeng-schematics, если он установлен глобально или локально.
4. запустите новое приложение в браузере по умолчанию (команда ng serve -o).
Результат должен выглядеть так:
Что на самом деле происходит после запуска npm init primeng ‹APP_NAME›:
- npm запускает исполняемый файл модуля create-primeng с использованием npx
- Модуль create-primeng запускает исполняемый файл модуля Primeng-schematics с использованием npx.
- primeng-schematics запускает @ angular / cli schematics с использованием коллекции схем из модуля primeng-schematics.
Использование npx устраняет необходимость установки каких-либо модулей npm глобально или локально. Конечно, вы можете установить модули primeng-schematics или @ angular / cli глобально, которые будут открывать доступ к ng и primeng-schematics (вместе со своим псевдонимом png) соответственно глобальные исполняемые файлы:
после глобальной установки png можно создать новый проект Angular / PrimeNG, запустив
Изменение темы "на лету"
Вы можете выбрать одну из 7 тем, предоставленных PrimeNG. Из корня вашего нового проекта запустите:
Более подробную информацию о PrimeNG и схемах можно найти по адресу: