leiyi-cli

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

安装

npm install leiyi-cli -g

使用

leiyi create <项目文件夹名称>

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

项目类型

Vue

| 类型 | 说明 | 模版分支 | |------|------|----------| | 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. 交互式问答收集项目信息（项目名、作者、技术栈、类型）
2. 从 gitee 拉取对应分支的模版代码
3. 替换 package.json 中的项目名和作者占位符
4. 执行 npm install 安装依赖
5. 执行 npm start 启动开发服务器