# qiankun-web

**Repository Path**: ZY_RAN/qiankun-web

## Basic Information

- **Project Name**: qiankun-web
- **Description**: qiankun 微前端项目
- **Primary Language**: TypeScript
- **License**: MulanPSL-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 2
- **Forks**: 2
- **Created**: 2023-05-29
- **Last Updated**: 2026-03-12

## Categories & Tags

**Categories**: Uncategorized

**Tags**: vue3, TypeScript, React, qiankun

## README



# qiankun 微服务项目

基于 Lerna + qiankun 实现的微前端架构项目。

## 技术栈

- **包管理**: Lerna
- **微前端框架**: qiankun
- **主应用**: Vue 3 + TypeScript + Vite
- **微服务 A**: React + TypeScript + Vite
- **微服务 B**: Vue 3 + TypeScript + Vite

## 项目架构

```
qiankun-web (主仓库)
├── packages/
│   ├── main/          # 主应用 (基座)
│   ├── react-dome/    # React 微服务
│   └── vue3-dome/    # Vue3 微服务
```

## 功能特点

- **主应用 (main)**: 作为基座应用，负责加载和管理各个微服务
- **React 微服务 (react-dome)**: 独立的 React 应用，可被主应用按需加载
- **Vue3 微服务 (vue3-dome)**: 独立的 Vue3 应用，可被主应用按需加载
- **独立运行**: 三个应用均可独立启动和访问

## 环境要求

- Node.js >= 16.16.0

## 快速开始

### 1. 安装依赖

```bash
npm install
```

### 2. 下拉子项目依赖

```bash
npx lerna bootstrap
```

### 3. 启动项目

```bash
npx lerna run dev
```

启动成功后，会同时打开三个端口：

| 端口 | 应用 |
|------|------|
| 8080 | 主应用 (main) |
| 8081 | React 微服务 (react-dome) |
| 8082 | Vue3 微服务 (vue3-dome) |

## 访问方式

- 主应用: http://localhost:8080
- React 微服务: http://localhost:8081
- Vue3 微服务: http://localhost:8082

## 相关链接

- [Lerna 官方文档](https://lerna.js.org/)
- [qiankun 官方文档](https://qiankun.umijs.org/zh/guide)

## 许可证

MIT License