微信小程序中使用Vant Weapp組件--以card爲例

一、構建環境:

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代碼以及界面如下:

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章