Vant Weapp 是移动端 Vue 组件库 Vant 的小程序版本，两者基于相同的视觉规范，提供一致的 API 接口，帮忙开发者快速搭建小程序应用。
1 安装
首先 cmd 命令行进入项目，先后执行以下命令，初始化 npm 配置：
npm init
npm install
然后执行 npm 安装 Vant Weapp：
npm i @vant/weapp -S --production
- i 是 install 的简写形式。
- -S 是 --save 的简写形式，即写入 dependencies。
- --production 表示下载模块到 node_modules 目录中。
安装成功后，在微信开发者工具中新建的目录如下：
2 配置
接着，在微信开发者工具中，选择 “工具” -》“构建 npm”：
3 使用
在页面 json 中配置组件路径，比如这里配置了按钮组件：
{
"usingComponents": {
"van-button": "@vant/weapp/button"
}
}
然后在页面 wxml 中配置相应的按钮标签：
<van-button type="primary">按钮</van-button>
效果：
网友评论