微信小程序中引入vant 組件
1寻拂、在小程序根目錄下瓶佳，在上面的路徑顯示框中輸入cmd桌粉，打開命令窗口蒸绩，（或者按住shift鍵，再單擊鼠標(biāo)右鍵铃肯，就會有一個“在此處打開命令窗口”）患亿。輸入npm init ，初始化項目押逼。
2步藕、繼續(xù)輸入 npm i @vant/weapp -S --production，通過npm 安裝組件庫挑格。
3漱抓、在微信開發(fā)者工具菜單欄，點(diǎn)擊 恕齐，工具 => 構(gòu)建npm 乞娄。此時瞬逊，項目中就已經(jīng)安裝完成了vant。有一個miniprogram_npm的文件夾仪或。
4确镊、在小程序的app.json里面全局引入vant組件（官網(wǎng)地址：https://youzan.github.io/vant-weapp/#/quickstart
）。button組件為例：
"usingComponents": {
"van-button": "miniprogram_npm/@vant/weapp/button/index"
},
image.png
5范删、完成以上步驟蕾域，就可以在任意wxml中使用button按鈕了。
<van-button round type="info">信息按鈕</van-button>
ps：文章內(nèi)容是綜合網(wǎng)上的文章以及自己實(shí)踐后的記錄到旦，如有侵權(quán)之處請聯(lián)系刪除旨巷。
