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引擎的工作流系统
第一章 开篇: 微前端落地, 乾坤初探之最小系统
第二章 布局: 先来实现左侧栏吧!
第三章 布局: 完善左侧栏图标
第四章 布局:左侧栏折叠
第五章 布局:个人中心与布局配置
第六章 接入:强盛集团管理系统

参与贡献

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