一、構建環境:
Vant Weapp官網文檔:
https://youzan.github.io/vant-weapp/#/quickstart
1、方法一注意要在微信小程序根目錄下安裝;用cmd命令(用production會節省下載的資源)
Ps:Node.js有一個很棒的包管理系統NPM。通過運行“npm install 包名”幾乎可以安裝任何包/庫
2、在微信開發者工具中構建npm
相關npm可見微信小程序官網文檔
https://developers.weixin.qq.com/miniprogram/dev/devtools/npm.html
3、出錯界面
構建npm包的時候有 node_modules 目錄 的報錯。如果創建的是雲開發項目
請注意,執行上邊的操作的時候一定要在 miniprogram 目錄裏邊操作
4、構建成功界面:同時項目根目錄中會多出一個目錄“miniprogram_npm”,這個就是小程序可以識別的npm第三方庫。
5、調用vant組件,那麼就要在對應的頁面json中添加類似如下配置,wxml代碼以及界面如下: