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