Vant Weapp元件庫：https://youzan.github.io/vant-weapp/#/intro

預覽體驗

下面介紹下，如何在微信小程式使用Vant元件庫

1、cd 切換到小程式專案目錄

2、初始化一個package.json檔案，命令：npm init，一路回車即可

專案中的package.json檔案

3、安裝Vant元件庫，命令：npm i vant-weapp -S --production

4、構建npm：在微信開發者工具的選單欄中找到工具欄的選項“構建npm”

構建完會生成一個miniprogram_npm資料夾，裡面就是vant-weapp元件庫

5、在微信開發者工具的詳情，本地設定裡面將“使用npm模組"勾選上

6、引用和使用Vant元件，詳見官方文件

1）在相應頁面的.json檔案裡新增引用：

{
  "usingComponents": {
    "van-button": "../../miniprogram_npm/vant-weapp/button/index"
  }
}

2）在WXML檔案裡直接使用

<view class="container">
    <van-button type="primary">Vant按鈕</van-button>
  </view>