微信小程序之組件Vant Weapp使用

安裝Vant Weapp組件前,需要對代碼進行初始化的設置

  • 首先,打開miniprogram文件夾,右鍵選擇“在終端中打開”
    在這裏插入圖片描述
  • 輸入命令npm init,然後一路回車直到創建成功
    這個命令的作用是在miniprogram文件夾下初始化一個package.json的文件,這個文件是對miniprogram這個項目信息的一些配置和管理
    注意: 如果有小夥伴發現輸入npm init之後提示’npm’ 不是內部或外部命令,也不是可運行的程序,那麼可能是nodejs未安裝,去官網下載nodejs安裝;如果已經安裝,那麼建議看一下 ‘npm’ 不是內部或外部命令,也不是可運行的程序的解決方法這篇文章
    在這裏插入圖片描述
  • **輸入命令npm i @vant/weapp -S --production安裝Vant Weapp組件庫 **
    在這裏插入圖片描述
    此時還未安裝完成,需要回到小程序開發工具中
  • 點擊最上面的工具,選擇構建npm

在這裏插入圖片描述
在這裏插入圖片描述

此時miniprogram文件夾下會多一個miniprogram_npm的包,這個包裏就是Vant Weapp的組件庫
在這裏插入圖片描述

  • 最後,一定要勾選上使用npm模塊,勾選上之後vant組件纔會生效
    在最右側有個詳情,詳情下的本地設置裏的使用npm模塊一定要勾選上 在這裏插入圖片描述
    到這裏組件就安裝完成了,接下來就可以使用了~~
    具體使用可以查看Vant Weapp官網,裏邊有具體的示例,這裏就不列舉了
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章