通过 npm 安装

npm i vant -S

安装插件

npm i babel-plugin-import -D

babel.config.js 中添加配置

// 注意：webpack 1 无需设置 libraryDirectory

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

在项目中用到的在main.js中按需引入

import { Tabbar, TabbarItem } from 'vant'
掉用中间件
Vue.use(Tabbar).use(TabbarItem)

可能出现的问题（有的没有引入）

比如用list的时候，代码如下

import Vue from 'vue';
import { List } from 'vant';

Vue.use(List);

<van-list
  v-model="loading"
  :finished="finished"
  finished-text="没有更多了"
  @load="onLoad"
>
 <van-cell v-for="item in list" :key="item" :title="item" />
</van-list>

用到了van-cell但是没有引入，会报错，可以在顶端搜索cell，然后引入cell