Vue結合vux使用(前期項目準備)

一、安裝 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

相關文章
相關標籤/搜索