微信小程序中引用VantUI組件

一:首先進入根目錄下創建package.json

npm init

一路回車下去，最後打yes

 

 二：第二步，下載miniprogram依賴

npm i miniprogram-sm-crypto --production

然後點擊工具-構建npm,如圖

 

 構成成功在目錄中會多個miniprogram目錄

 

 三：第三步安裝vant組件

npm i vant-weapp -S --production

安裝成功，點擊工具-構建-構建成功會多個vant-weapp目錄

 

 

四：下面就是使用組件了，收入在項目頁面中引入

"usingComponents": {
  "van-button": "vant-weapp/button/index"
},

這裏面最外面miniprogram不需要引入，直接是裏面組件名稱目錄

五：在頁面中使用

 <van-button type="primary">按鈕</van-button> 

最後大功告成！如圖