新建angular项目整合PrimeNg组件库

1、安装nodejs。

      注意：在cmd命令中，使用node -v  和 npm-v 查看node版本必须在6.9.X以上， npm在3.x.x以上

2、安装Angular CLI  脚手架工具

     npm install -g @angular/cli

     如果安装失败，请安装cnpm

     npm install -g cnpm --registry=https://registry.npm.taobao.org

     cnpm install -g @angular/cli

3、新建一个项目

      ng new 项目名称  创建一个项目

      ng new angular-demo

 

4、进入项目 安装依赖

     cnpm install

5、 启动项目查看一下，是否可以启动起来

6、安装primeNg的组件库和css样式

    注意： 如果安装失败使用cnpm

     npm install primeng --save

     npm install primeicons --save

 7、在  项目中package.json文件添加组件版本信息

    "primeng": "^6.0.0",

    "primeicons": "^1.0.0-beta.9"

8、在项目中angular-cli.json文件中引入组件的css文件

"node_modules/primeicons/primeicons.css",

"node_modules/primeng/resources/themes/nova-light/theme.css",

"node_modules/primeng/resources/primeng.min.css",

注意: 虽然官网上没有加../ 但是我没有加就报错了，大家可以试一下。如果不报错可以不加

最后可以在组件库引入组件测试一下