vue项目引入vux-ui框架详解(快速入门)

一、新建自带vux框架的vue项目(免配置)

1、安装vue环境 (已安装,跳过这一步)

2、新建基于vux的vue项目;

vue init airyland/vux2 projectName     //(新建项目配置已省略)       
cd projectName        //(新建成功后切换到项目根目录下)
npm install --registry=https://registry.npm.taobao.org 
npm run dev

二、在已有的vue项目引入vux框架

1、安装vux

npm install vux --save

2、安装vux-loader、less、less-loader、yaml-loader

npm install vux-loader less less-loader yaml-loader --save-dev

3、build/webpack.base.conf.js配置

配置前:

配置后:

4、App.vue里引入reset 

重启项目

三、测试

1、引入vux组件,查看vux组件库了解更多

2、实现效果

(完)

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值