Vant Weapp · 小程序開發

1.UI庫使用Vant Weapp 地址：[https://youzan.github.io/vant-weapp](https://youzan.github.io/vant-weapp) 2.可以查看到安裝方法 ![](https://box.kancloud.cn/2d092968166515fd8c9a648bac7be4aa_1067x556.png) 3. 點擊版本管理》終端打開 ![](https://box.kancloud.cn/deaa35fdfad4c593087d7c3a60480818_780x351.png) 4.輸入指令`npm init`，之后的內容點擊"回車"，也就是默認效果 ![](https://box.kancloud.cn/bb6f7a2a48d4d356612cbbc34ae98841_965x385.png) ![](https://box.kancloud.cn/01efeece42099e8f5eb66eb41f3ee243_746x736.png) 5.然后點擊回車確定，得到page.json文件 ![](https://box.kancloud.cn/c69163a5dbe425f245352153554b946f_1583x649.png) 6.復制安裝指令`npm i vant-weapp -S --production`安裝Vant Weapp ![](https://box.kancloud.cn/cfe2a75920fe98f1c5e190f8ad3a1385_1073x592.png) 7.點擊工具》構建npm ![](https://box.kancloud.cn/972fffd64fa83d9b01cb1c4b8cdef5ed_1093x514.png) 8.代碼中存在相應的文件了 ![](https://box.kancloud.cn/507383319475ae7a4b415e17a0803876_1578x967.png) 9.點擊右上角的箭頭，點開詳情，勾上“使用npm模塊” ![](https://box.kancloud.cn/58a5b7dc3bdfc4f6d8db2163d04e1283_701x742.png)