Vant 组件

安装

1.创建个vue 项目，这里不详细写怎么创建，参考 vue - 指令创建 vue工程 - 岑惜 - 博客园(cnblogs.com) https://www.cnblogs.com/c2g5201314/p/15660810.html

使用vue2.0

首先依赖包要适配

安装 vant 
npm i vant -S 
安装按需引入vant差插件

npm i babel-plugin-import -D

安装 px转rem 插件 【不要太高，可能导致报错，指定版本安装】

npm install postcss-pxtorem@5.1.1 -D

 

在https://vant-contrib.gitee.io/vant/v2/#/zh-CN/quickstart  官网 根据版本来安装

3.配置

找到母版文件 ，修改 meta 标签 ，

      <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">

  在 babel.config.js 添加

 plugins: [
    ['import', {
      libraryName: 'vant',
      libraryDirectory: 'es',
      style: true
    }, 'vant']
  ]