安裝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官網,裏邊有具體的示例,這裏就不列舉了