微信小程序構建npm並引入Vant Weapp

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。