安装 vant

创建项目

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

引用  无

猜你喜欢