Vue結合vux使用(前期專案準備)

林Clown發表於2019-01-02

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

 

相關文章