npm安裝教程只需跟著步驟操作就行
1、首先在小程序文件夾miniprogram上,右擊,選擇在終端打開。

圖片.png
2、輸入npm init進(jìn)行初始化

圖片.png
3、之間回車,默認(rèn)處理,最后選擇yes

圖片.png
4、然后在miniprogram文件夾下會自動生成一個package.json文件

圖片.png
5、通過官方網(wǎng)站獲取組件庫(以Vant Weapp為例)
Vant Weapp官網(wǎng)
將命令
npm i vant-weapp -S --production
復(fù)制到終端,執(zhí)行,執(zhí)行完成

圖片.png

圖片.png

圖片.png
6、在WeChat中,點擊工具->構(gòu)建npm,會在miniprogram文件夾下生成miniprogram_npm這個包,其中為Vant組件庫;再點擊詳情->使用npm模塊

圖片.png
7、例:在pages/index頁面中使用Vant組件

圖片.png
在pages/index/index.json中引入Vant中 button組件

圖片.png

圖片.png
在index.wxml中使用button組件
"../../miniprogram/miniprogram_npm/vant-weapp/button"

圖片.png

圖片.png