# 项目上手
# 开发环境准备
前端开发首先需要准备前端运行环境：
- nodejs 运行环境安装; 参考node版本管理；推荐安装nodejs 14版本；
- yarn 安装；
npm install -g yarn即可 - npm 仓库源切换; 参考node仓库源
- VSCODE 安装和使用；参考VSCODE指南;
- gitlab 代码仓库，使用你的LDAP账户登录；
# 运行环境相关
# 创建自己子应用
# 1.环境准备
为了方便与线下进行调试，统一采用https的方式进行开发，因此需要在本地电脑环境配置https的证书，详细配置方法请参照https://www.yuque.com/docs/share/90f20bfc-06ed-41c1-8828-681aa4445a51
# 2.通过创建引导创建子应用
进入技术管理平台，选择“微应用业务框架模板” --> “微应用(子应用)”，完成微应用的创建
# 3.注册vue，乾坤框架路由
a.在.ug/subapps.config.js注册子应用信息
{
name: "demo", // demo
entry: "#demo",
svc: "h3yun-demo-subapp",
group: "study",
},
1
2
3
4
5
6
2
3
4
5
6
b.在router/index.ts添加vue的路由
{
path: '/demo',
name: 'demo',
children: [
{
path: '*',
meta: {
title: 'Demo测试',
headerOpt: {
type: 'hide',
exclude: [],
},
},
},
],
},
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
c.在startup/subapps.ts根据不同的模块类型注册乾坤的路由
{
name: 'demo',
activeRule: '/demo',
entry: resolveEntry(context, subappsManifest.demo),
container: rootContainer,
props: { mountAt: 'root', baseRoute: '/demo', Modou: context.modou },
prefetch: false,
},
1
2
3
4
5
6
7
8
2
3
4
5
6
7
8
# 4.修改配置，开启本地调试
启动h3yun-demo-subapp和h3yun-pc3项目，点击右下角的悬浮按钮，修改h3yun-demo-subapp的地址
最后切换子应用的路由就能看到相关子应用的路由了
代码仓库 →