管理端adm-tpl-vue-multi模版
# 简介
多页面处理显示界面
技术栈
- vue2.6 + antd vue1.7
# 安装依赖
yarn install
1
# 启动
yarn serve
1
# 编译及部署
yarn build
yarn start # 部署查看
1
2
2
# 模块添加说明
- 通过
titles.js维护各个模块； - 再
pages目录下添加对应的模块；参考示范模块即可；
# 初始化项目及生产模块
# 项目初始化
进入根路径，运行以下命令：
➜ bdp tpl install
✔ 获取repos中
? 请选择要安装的repo? adm-tpl-vue-multi
⠋ 下载中 adm-tpl-vue-multi
⠙ 下载中 adm-tpl-vue-multiCloning into '/Users/samy/.bdp/tpl/adm-tpl-vue-multi'...
✔ 下载完成 adm-tpl-vue-multi
➜ bdp init tpl
? 请输入 Project 名 wdp-pages
? 想初始化到哪个本地 Project 目录下? adm-tpl-vue-multi
? 项目路径名(en) wdp-pages
✔ 👏 生成完成 wdp-pages
✔ copyed
项目生成成功 wdp-pages, 然后进入目录安装依赖:
$ cd wdp-pages && yarn install
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
2
3
4
5
6
7
8
9
10
11
12
13
14
15
# 生产模块
进入根路径，运行以下命令：
➜ wdp-pages npx plop
? 请输入新页面模块的名称(en)： xxx
✔ ++ /src/pages/xxx/app.vue
✔ ++ /src/pages/xxx/app.js
➜ wdp-pages cd src/pages
➜ pages tree
.
├── demo
│ ├── customer
│ │ ├── home
│ │ │ ├── app.js
│ │ │ └── app.vue
│ │ └── home1
│ │ ├── app.js
│ │ └── app.vue
│ ├── index
│ │ ├── app.js
│ │ └── app.vue
│ └── user
│ ├── login
│ │ ├── app.js
│ │ └── app.vue
│ └── login1
│ ├── app.js
│ └── app.vue
├── index
│ ├── app.js
│ └── app.vue
└── xxx
├── app.js
└── app.vue
10 directories, 14 files
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
# TODO
- 全局主题样式待定制优化；
axios处理网络请求待实践；
上次更新: 2022/04/15, 05:41:29