leiyi-cli

自动化生成 Vue2、Vue3 和 React 项目模版的 CLI 工具，为开发中大型项目提供开箱即用的解决方案。

安装

npm install leiyi-cli -g

使用

leiyi create <项目文件夹名称>

根据交互提示选择技术栈和项目类型，工具会自动下载模版、安装依赖并启动项目。

项目类型

Vue

| 类型 | 说明 | 模版分支 | |------|------|----------| | vue3+vite8 | Vue3 + Vite8 模版 | vue3+vite8 | | vue3-pc | Vue3 + Vite 中后台 PC 端 | vue3-pc | | vue3-h5 | Vue3 + Vite 移动端 H5 | vue3-h5 | | vue2-pc | Vue2 中后台 PC 端 | vue2-pc | | vue2-h5 | Vue2 移动端 H5 | vue2-h5 | | icestarkframework | Vue2 微前端基座 | vueicestarkframework | | icestarkchild | Vue2 微前端子应用 | vueicestarkchild |

React

| 类型 | 说明 | 模版分支 | |------|------|----------| | pc | React 中后台 PC 端 | reactpc | | h5 | React 移动端 H5 | reacth5 | | icestarkframework | React 微前端基座 | reacticestarkframework | | icestarkchild | React 微前端子应用 | reacticestarkchild |

模版特性

Vue2

• 根据文件路径自动化生成路由
• axios 请求封装并挂载 Vue 原型
• SVG 组件化及自动化引入
• 全局过滤器、Mock 功能
• Vuex 自动化嵌套、持久化存储
• 自定义指令自动化注册、装饰器支持
• 全局 Sass 变量
• ESLint / Stylelint / Commitlint / Prettier 规范
• 公共代码提取、Gzip 压缩、图片压缩
• 多进程编译打包、打包时去除 console/debugger/注释

Vue3

• 数据管理使用 Pinia
• Vitest 单元测试、TypeScript 支持
• Vite 构建，速度快
• 其余特性同 Vue2

React

• 基础模版支持

工作流程

1. 执行 leiyi create <dirname> 命令，工具会验证该目录是否已存在并进行安全拦截。
2. 通过交互式问答（Inquirer）收集用户输入的项目信息（项目名、作者、确认创建等）。
3. 自动检测系统可用的包安装工具，检测优先级为：pnpm -> yarn -> cnpm -> npm。
4. 从 Gitee 拉取对应分支的项目模板。若拉取失败，会自动回滚并清理已创建的空目录。
5. 安全地将用户输入的项目名和作者写入模板的 package.json（基于 JSON 解析，避免正则表达式误伤其他内容）。
6. 调用自动检测到的包管理工具，在项目目录下执行依赖安装（如 pnpm install）。
7. 执行项目启动命令（如 pnpm start）以自动运行项目。