新建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",

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

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

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值