react cli based webpack5
npm install mika-cli-webpackbash
npm install -g mika-cli
`
$3
`bash
npx mika-cli init
`
支持的模板
| 模板名称 | 说明 | 适用场景 |
|---------|------|---------|
| mika-webpack | React + Webpack | React 项目开发 |
| mika-rspack | React + Rspack | 高性能 React 项目 |
| mika-ssr | Vue3 SSR | Vue 服务端渲染 |
| vue | Vue3 官方脚手架 | Vue3 项目开发 |
| nuxt | Nuxt3 全栈框架 | Vue 全栈应用 |
| next | Next.js React 框架 | React 全栈应用 |
| nest | NestJS 后端框架 | Node.js 后端服务 |
| rsbuild | Rsbuild 构建工具 | 现代化构建方案 |
| esbuild | ESBuild 快速构建 | 极速构建方案 |
快速开始
$3
`bash
mika list
`
输出示例：
`
可用模板列表：
1. mika │ React + Webpack 模板
2. mika-rspack │ React + Rspack 模板
3. vue │ Vue3 官方脚手架模板
4. next │ Next.js React 全栈框架模板
...
`
$3
`bash
mika init
`
示例：
`bash
创建 Vue 项目
mika init vue my-vue-app
创建 Next.js 项目
mika init next my-next-app
创建 Nest.js 后端项目
mika init nest my-api-server
`
$3
`bash
mika search
`
示例：
`bash
搜索包含 "react" 的模板
mika search react
搜索包含 "vue" 的模板
mika search vue
`
使用流程
1. 选择模板并创建项目
`bash
mika init vue my-project
`
2. 按提示输入项目信息
- 项目名称（默认为你输入的项目名）
- 项目描述
- 作者名称
- 版本号
3. 等待下载完成
4. 进入项目并安装依赖
`bash
cd my-project
npm install
npm run dev
`
命令说明
$3
初始化一个新项目
- : 模板名称（必填）
- : 项目名称（必填）
示例：
`bash
mika init vue my-vue-project
`
$3
查看所有可用的项目模板
示例：
`bash
mika list
`
$3
搜索包含关键词的模板
示例：
`bash
mika search react
mika search ssr
`
$3
查看当前 CLI 版本
$3
查看帮助信息
配置说明
项目下载后，CLI 会自动根据你的输入配置 package.json 文件：
`json
{
"name": "your-project-name",
"version": "1.0.0",
"description": "your project description",
"author": "your name"
}
`
使用示例
$3
`bash
mika init mika my-react-app
cd my-react-app
npm install
npm run dev
`
$3
`bash
mika init vue my-vue-app
cd my-vue-app
npm install
npm run dev
`
$3
`bash
mika init next my-next-app
cd my-next-app
npm install
npm run dev
`
$3
`bash
mika init nest my-api
cd my-api
npm install
npm run start:dev
``