在前面的《[uniapp應用組件安裝與卸載](https://www.junlan365.com/show/id/79.html "uniapp應用組件安裝與卸載")》中講了uniapp應用組件后端的安裝與卸載，接下來講的是uniapp前端的安裝。 **uniapp的目錄結構** ~~~ uniappJL??項目部署目錄 ├─common???????????應用目錄 │??├─util.js??????函數庫 │??├─?...???????????更多函數庫 ├─components???????????子組件目錄 │?????????????? │??├─uni-badge??????????uni-badge組件目錄 │??│??└─uni-badge.vue???????組件文件 │??├─...?????????更多組件 │ ├─pages??????????組件目錄 │??├─index???????index組件目錄 │??│???└─index.vue??index組件文件 │??└─?...??? │ ├─uni_modules????插件目錄 │??├─u-clipboard?插件 │??└─... │ ├─pages.json??pages.json配置文件 ~~~ 現在要安裝vip應用組件，在組件包中找到uniappJL，打開會看到如下文件夾 ~~~ uniappJL??項目部署目錄 ├─pages????????? │??└─user??????? │?????└─vip │????????├─equity.vue │????????├─myVipOrder.vue │????????└─vip.vue ~~~ 把uniappJL覆蓋你的uniapp項目即可（覆蓋前請先作好備份） **注冊文件路徑到pages.json配置文件** 在uniappJL中找到pages.json配置文件，添加上如下配置信息 ~~~ { "pages":?[ ???????????????????{ ? "path":?"pages/user/vip/vip", ? ???}, ???{ ? "path":?"pages/user/vip/myVipOrder", ? ???}, ???{ ? "path":?"pages/user/vip/equity.vue", ? ???} ?? ] } ~~~ 至此，vip應用組件就安裝好了。當然文件的位置可以隨便更改，只要符合uniapp官方文檔的開發規范即可。