一、安裝 vue腳手架
$ npm install -g vue-clicss
$ vue init webpack my-projecthtml
$ cd my-projectvue
$ npm installwebpack
$ npm run devios
(eslint=>no)web
二、安裝 axiosvue-cli
$ npm install axiosnpm
三、安裝 lib-flexiblejson
$ npm install lib-flexible --savecanvas
四、安裝 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。
五、動畫安裝animate.css(npm install animate.css --save)
六、裁剪圖片安裝cropperjs
七、生成畫布並能夠保存圖片到本地相冊,使用html2canvas
八、自適應,安裝px2rem-loader。本身使用HBuilderX開發工具,設置編輯器配置px轉rem比例(75)
九、分頁加載,安裝vue-waterfall2
十、調用微信支付,安裝weixin-js-sdk