微信小程序中vant/weapp安装，初始化，及使用

Vant Weapp 是移动端 Vue 组件库 Vant 的小程序版本，两者基于相同的视觉规范，提供一致的 API 接口，助力开发者快速搭建小程序应用。

Vant Weapp官网：https://youzan.github.io/vant-weapp

安装步骤：

1、需要使用 npm 安装Vant Weapp，npm 集成在 Node.js 中的，安装参见文章：安装 Node.js 使用 npm

2、在微信开发者工具中，右键项目中的miniprogram目录，选择在终端中打开，运行npm init 生成package.json文件

npm init

 

 

 

 

3、通过 npm 安装 Vant Weapp

npm i @vant/weapp -S --production

4、点击微信开发者工具最右边的详情按钮，设置中勾选 “使用 npm 模块”

5、在微信开发者工具中，选择菜单 “工具”-->“构建 npm”，会在miniprogram目录下面生成 miniprogram_npm目录，里面就是Vant Weapp 的组件库

6、使用方法示例
在app.json或index.json中引入组件。

1. "usingComponents": {

2.   "van-button": "@vant/weapp/button/index"

3. }

在index.wxml 文件输入：

<van-button plain type="primary">朴素按钮</van-button>
<van-button plain type="info">朴素按钮</van-button>

完成初始化和使用