chyco-cli

介绍

chyco-cli 工具支持创建多种模板的项目，包括：

• vite_vue2
• vite_vue3 暂时不支持
• vite_react 暂时没有
• webpack_vue3
• webpack_react
• qiankun

使用方法：

1. 安装 chyco-cli：npm install -g chyco-cli
2. 创建项目：chyco create <项目名称> [模版类型]
   • 例如：chyco create my-project vite_vue2
3. 也可以直接运行chyco create <项目名称>按照提示选择模版类型
   • 例如：chyco create my-project

vite-vue2 介绍

用 vite 作为脚手架管理 vue2 项目，解决开发时编译速度慢的问题。

使用

• 安装 npm install
• 启动 npm run dev
• 打包 npm run build

react-base-qiankun 介绍

以 react 为基座的 qiankun 微前端项目模板。采用了 monorepo 工程架构，使用了 pnpm 作为包管理工具。packages文件夹中 react-base 子项目是基座， react-app1 , react-app2, vue-app1 分别是子应用。

模板包含了以下功能：

• 基座挂载子应用
• 基座和子应用间的通信
• 基座和子应用间的路由切换

安装

pnpm in

启动

• 可以同时启动基座和所有子应用pnpm dev
• 或者开多个终端页签分别启动
  1. pnpm base 启动基座
  2. pnpm react1 启动子应用 react-app1
  3. pnpm react2 启动子应用 react-app2
  4. pnpm vue1 启动子应用 vue-app1