为了提高小程序的开发效率， 可以考虑使用第三方 UI 组件来实现界面的视觉统一。 本文以有赞第三方 UI 组件库 Vant  Weapp 为例，介绍如何使用自定义组件  实现一个小程序。

Vant   Weapp 是一款轻量、 可靠的小程序UI组件库，  与有赞移动端组件库 Vant 基于相同的视觉规范， 并提供一致的 API 接口， 方便开发者快速搭建小程序应用。

其官方文档地址为    Vant Weapp - 轻量、可靠的小程序 UI 组件库。

一 Vant   Weapp 的下载和安装

 1. 方法一 ： 通过 npm  安装

语法如下：

#npm

npm  i  vant - weapp - S --production

#yarn

yarn add  vant -weapp  --production

这种方法需要开发者对 npm 有所了解。

2. 方法二:  通过 git  下载源代码

通过 git 下载源代码，  并手动将其中的  dist  或  lib  文件夹复制到项目内的自定义路径地址中， 语法如下：

 git  clone  https://github.com/youzan/vant-weapp.git

3. 方法三：直接下载源代码

开发者可以直接访问网页下载源代码，  解压缩后手动将目录中的 dist  或 lib 复制到项目内的自定义路径地址中，    下载地址为：  https://github.com/youzan/vant-weapp.   然后单击右侧的  Code 按钮， 在下拉列表中单击 Download  ZIP 下载压缩包。