一、下載微信開(kāi)發(fā)工具[https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html]
二、在本地新建一個(gè)空文件夾
三、打開(kāi)微信開(kāi)發(fā)者工具新建小程序快速模板
四、cmd到當(dāng)前目錄執(zhí)行
1、第一步：npm init
2、第二步：npm install --production
3、第三步： npm i vant-weapp -S --production
五、在微信開(kāi)發(fā)工具執(zhí)行npm 構(gòu)建
npm 構(gòu)建.png
構(gòu)建完會(huì)生成一個(gè)miniprogram_npm文件夾
20190320112249.png
（構(gòu)建完如果編譯報(bào)錯(cuò)，再構(gòu)建一次就好了）
六、應(yīng)用vant-weapp
1、需要在想相對(duì)應(yīng)的.json文件里添加配置：
{
"usingComponents": {
"van-button": "../../miniprogram_npm/vant-weapp/button/index"
}
}
2、然后就可以在WXML文件里直接使用
<view class="container">
<van-button type="primary">按鈕</van-button>
</view>
