uniapp应用组件安装与卸载(二)

在前面的《uniapp应用组件安装与卸载》中讲了uniapp应用组件后端的安装与卸载，接下来讲的是uniapp前端的安装。

uniapp的目录结构

uniappJL  项目部署目录\n├─common           应用目录\n│  ├─util.js      函数库\n│  ├─ ...           更多函数库\n├─components           子组件目录\n│              \n│  ├─uni-badge          uni-badge组件目录\n│  │  └─uni-badge.vue       组件文件\n│  ├─...         更多组件\n│\n├─pages          组件目录\n│  ├─index       index组件目录\n│  │   └─index.vue  index组件文件\n│  └─ ...   \n│\n├─uni_modules    插件目录\n│  ├─u-clipboard 插件\n│  └─...\n│\n├─pages.json  pages.json配置文件

现在要安装vip应用组件，在组件包中找到uniappJL，打开会看到如下文件夹

uniappJL  项目部署目录\n├─pages         \n│  └─user       \n│     └─vip\n│        ├─equity.vue\n│        ├─myVipOrder.vue\n│        └─vip.vue

把uniappJL覆盖你的uniapp项目即可（覆盖前请先作好备份）

注册文件路径到pages.json配置文件

在uniappJL中找到pages.json配置文件，添加上如下配置信息

{\n	"pages": [\n                   {\n		 	"path": "pages/user/vip/vip",\n		 	\n		   },\n		   {\n		 	"path": "pages/user/vip/myVipOrder",\n		 	\n		   },\n		   {\n		 	"path": "pages/user/vip/equity.vue",\n		 	\n		   }\n		  \n	]\n}

至此，vip应用组件就安装好了。当然文件的位置可以随便更改，只要符合uniapp官方文档的开发规范即可。