Vant Weapp 是移動端 Vue 組件庫 Vant 的小程序版本,兩者基於相同的視覺規範,提供一致的 API 接口,助力開發者快速搭建小程序應用。
第一步創建小程序*雲開發
第二步在小程序內執行命令打開文件根目錄
此次創建的是雲開發項目,所以我們在miniprogram的目錄下進行操作,右鍵點擊miniprogram—在終端中打開
第三步在cmd命令窗口中輸入以下命令
1. 輸入 :npm init
3. 出現箭頭2的第一行文本,並沒有顯示所有信息,需要不停地按回車鍵,直至出現項目的根目錄,才能執行下一步命令
3.繼續輸入命令:npm install --production
4.開始引用Vant Weapp的執行命令:
npm i vant-weapp -S --production
回到小程序中,在項目文件跟目錄下,會多了一個文件夾:node_modules;兩個配置文件:package.json和package-lock.json
第四步小程序內開始構建npm導包
點擊工具–構建 npm
構建完後,會有一個miniprogram_npm文件夾,構建成功
最後一步需要在你的項目詳情裏勾選本地設置中的使用npm模塊
操作以上步驟,即可完成引用Vant Weapp。