一、下載微信開發(fā)工具[https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html]
二软免、在本地新建一個(gè)空文件夾
三周循、打開微信開發(fā)者工具新建小程序快速模板
四强法、cmd到當(dāng)前目錄執(zhí)行
1万俗、第一步：npm init
2、第二步：npm install --production
3饮怯、第三步： npm i vant-weapp -S --production
五闰歪、在微信開發(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>
