Vue结合vux使用（前期项目准备）

1、安装 vue脚手架
　　$ npm install -g vue-cli

　　$ vue init webpack my-project

　　$ cd my-project

　　$ npm install

　　$ npm run dev

　　（eslint=>no）

2、安装 axios

　　$ npm install axios

3、安装 lib-flexible

　　$ npm install lib-flexible --save

4、安装 vux,vux-loader

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

　　webpack.base.conf.js=>const vuxLoader = require('vux-loader') 【新加上去的】

　　const webpackConfig = originalConfig 【originalConfig就是原来的 module.exports出去的代码，把它整个赋值给变量 webpackConfig】

　　module.exports = vuxLoader.merge(webpackConfig, { plugins: ['vux-ui'] }) 【在最后加多一句，这里就是引用插件vux啦！】

　　在resolve: {extensions: ['.js', '.vue', '.json','.less']里加入.less。

5、动画安装animate.css（npm install animate.css --save）

6、裁剪图片安装cropperjs

7、生成画布并可以保存图片到本地相册，使用html2canvas

8、自适应，安装px2rem-loader。自己使用HBuilderX开发工具，设置编辑器配置px转rem比例（75）

9、分页加载，安装vue-waterfall2 

10、调用微信支付，安装weixin-js-sdk

 

转载于:https://www.cnblogs.com/lhy-555/p/10207545.html