微信开发者工具

1、进入到项目的根目录下，cmd->输入命令

通过 npm 安装
npm i @vant/weapp -S --production

2、修改 app.json

找到"style": "v2"并去掉

最后，打开微信开发者工具，点击 工具 -> 构建 npm，就会在miniprogram目录下生成一个miniprogram_npm文件夹，之后就可以开心的按照https://youzan.github.io/vant-weapp/#/datetime-picker给出的组件开心的玩耍了^_

HBuilderx - （仅适用于微信开发者工具）

第一种方案

**链接：**​https://pan.baidu.com/s/13Hs6nti8lqzSpwGHWu_bFA?pwd=fzb0
提取码：fzb0
–来自百度网盘超级会员V5的分享
把上面这个压缩包下载下来，并解压到项目的根目录下，即可开始测试
或

第二种方案

① 进入到项目的根目录下，cmd-> 输入命令

通过 npm 安装
npm i @vant/weapp -S --production

② 输入了命令之后，在根目录下会有一个​node_modules​目录

③ 在项目根目录下新建目录wxcomponents文件夹，把node_modules中的@vant里面的整个dist文件夹复制到wxcomponents目录中，把dist名称修改为vant（自定义），复制过去后的项目结构如下所示：

3、测试

"usingComponents": {
    "van-button": "/wxcomponents/vant/button/index"
}

在任意一个界面中，输入以下代码

<van-button type="primary">按钮</van-button>

出现以下界面的效果则表示导入成功：

HBuilderx - 使用uni-ui框架

详细参考如下链接：

uniapp.dcloud.net.cn/component/uniui/quickstart.html