安装 vant

  作者:chrispy

创建项目 sudovueinitwebpackname 安装vant sudocnpmivant--save
创建项目

sudo vue init webpack name

安装 vant
sudo cnpm i vant --save
main.js 引用
import Vant from 'vant'
import 'vant/lib/index.css'
Vue.use(Vant)

安装px转换rem插件 sudo cnpm i lib-flexible --save
在main.js中引入lib-flexible
import 'lib-flexible/flexible'

设置meta标签
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">

sudo cnpm install postcss-pxtorem -D
.postcssrc.js
module.exports = {
  plugins: {
    //...
    'autoprefixer': {
      browsers: ['Android >= 4.0', 'iOS >= 7']
    },
    'postcss-pxtorem': {
      rootValue: 37.5, //vant-UI的官方根字体大小是37.5
      propList: ['*']
    }
  }
}

sudo cnpm install axios --save
引用:import axios from 'axios'          Vue.prototype.$axios = axios

sudo cnpm install sass-loader node-sass --save
引用  无