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