（一）VUE2.0之引入Vant组件库

在日常的vue的开发中，进行移动端的开发时，经常使用vant组件作为项目的ui界面。
下面是从新建项目到开发的全部过程：

1、新建vue项目，这里使用vue-cli3.x版本。

//安装Vue cli 不管你的版本是多少 执行下面语句 都会安装最新版本
npm install -g @vue/cli
// 创建一个项目，名为hello-world
vue create hello-world
//安装vant组件
npm i vant -S // yarn add vant
//引入组件，官方文档提供三种方法，根据自己需求，使用，这里我们使用自动按需引入组件。
//安装插件
npm i babel-plugin-import -D // yarn add babel-plugin-import
//根据官方文档，需要配置 babel.config.js，在其中添加如下代码：

module.exports = {
  plugins: [
    ['import', {
      libraryName: 'vant',
      libraryDirectory: 'es',
      style: true
    }, 'vant']
  ]
};

至此整个项目基本的设置已经完成。恭喜恭喜。
后面开始组件的基本使用：

//组件使用，在需要使用vant里的组件时，查到对应的代码，粘贴进去即可

然后再命令提示符中输入：yarn run serve 来运行程序。最后查看浏览器，如下即为成功：