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

猜你喜欢

转载自www.cnblogs.com/lhy-555/p/10207545.html