# qiankun-web

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

## Basic Information

- **Project Name**: qiankun-web
- **Description**: 本项目从入门开始, 完整获得微前端的入门级体验, 本专栏打算将Vue2.x的老项目完成技术架构升级, 从而达到技术栈更新、迁移、重构、重写等架构演进。
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 3
- **Forks**: 1
- **Created**: 2023-05-16
- **Last Updated**: 2023-12-04

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# qiankun-web

#### 介绍

实际很多项目也是从 0 开始，优先开发业务功能，逐步完成代码规范、提交规范。

本项目从入门开始, 完整获得微前端的入门级体验, 本专栏打算将 Vue2.x 的老项目完成技术架构升级, 从而达到技术栈更新、迁移、重构、重写等架构演进。

#### 软件架构

| 项目名 | 类型   | 技术栈              |
| ------ | ------ | ------------------- |
| base   | 基座   | vue2.x + Element UI |
| system | 微应用 | vue2.x + Element UI |

#### 本文环境版本

| 工具             | 版本    |
| ---------------- | ------- |
| nvm              | 1.1.11  |
| yarn             | 1.22.19 |
| node             | 16.15.0 |
| @vue/cli         | 5.0.8   |
| npm              | 8.5.5   |
| pnpm             | 8.5.1   |
| create-react-app | 5.0.1   |

#### 安装教程

1.  cd base && yarn install
2.  cd system && yarn install
3.  cd base && yarn serve
4.  cd system && yarn serve

#### 使用说明

1.  localhost:1000/ 打开基座
2.  localhost:1100/ 打开系统微应用

#### 文档

| 章节   | 标题                                                                                                                                                                                                 |
| ------ | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| 序言 | [基于BPMN引擎的工作流系统](./doc/oa.md)
| 第一章 | [开篇: 微前端落地, 乾坤初探之最小系统](./doc/01-%E5%BC%80%E7%AF%87%E5%BE%AE%E5%89%8D%E7%AB%AF%E8%90%BD%E5%9C%B0%E4%B9%BE%E5%9D%A4%E5%88%9D%E6%8E%A2%E4%B9%8B%E6%9C%80%E5%B0%8F%E7%B3%BB%E7%BB%9F.md) |
| 第二章 | [布局: 先来实现左侧栏吧!](./doc/02-%E5%B8%83%E5%B1%80%E5%85%88%E6%9D%A5%E5%AE%9E%E7%8E%B0%E5%B7%A6%E4%BE%A7%E6%A0%8F%E5%90%A7!.md)                                                                   |
| 第三章 | [布局: 完善左侧栏图标](./doc/03-%E5%B8%83%E5%B1%80%EF%BC%9A%E5%AE%8C%E5%96%84%E5%9B%BE%E6%A0%87.md)
| 第四章 | [布局：左侧栏折叠与面包屑](./doc/04-%E5%B8%83%E5%B1%80%EF%BC%9A%E5%B7%A6%E4%BE%A7%E6%A0%8F%E6%8A%98%E5%8F%A0%E4%B8%8E%E9%9D%A2%E5%8C%85%E5%B1%91.md)
| 第五章 | [布局：全屏与个人中心](./doc/05-%E5%B8%83%E5%B1%80%EF%BC%9A%E5%85%A8%E5%B1%8F%E4%B8%8E%E4%B8%AA%E4%BA%BA%E4%B8%AD%E5%BF%83.md)
| 第六章 | [主题：配置中心](./doc/06-%E4%B8%BB%E9%A2%98%EF%BC%9A%E9%85%8D%E7%BD%AE%E4%B8%AD%E5%BF%83.md)


#### 参与贡献

1.  Fork 本仓库
2.  新建 Feat_xxx 分支
3.  提交代码
4.  新建 Pull Request