Dream Coder CLI (dmc-cli)

一个功能强大的前端项目脚手架工具，快速创建基于不同框架的项目模板。支持 React、Vue、Uni-app、浏览器插件等多种技术栈。

✨ 特性

• 🚀 快速创建项目 - 一键生成完整项目结构
• 🎯 多模板支持 - 内置 React、Vue、Uni-app、浏览器插件等模板
• 🔍 智能搜索 - 支持模板名称和关键词模糊搜索
• 📦 自动依赖安装 - 可选择是否自动安装项目依赖
• 🎨 优雅体验 - 美观的 CLI 界面和进度提示
• ⚡ 配置完整 - 预配置 ESLint、Prettier、TypeScript 等开发工具

📦 安装

全局安装（推荐）

npm install -g dream-coder-cli

或使用其他包管理工具：

# 使用 pnpm
pnpm add -g dream-coder-cli

# 使用 yarn
yarn global add dream-coder-cli

临时使用

npx dream-coder-cli create my-project

🚀 使用方法

创建项目

dmc create <project-name>

例如：

dmc create my-awesome-project

更新到最新版本

dmc update

查看版本

dmc -v
# 或
dmc --version

查看帮助

dmc --help

🎯 支持的模板

目前支持以下项目模板：

| 模板类型 | 描述 | 技术栈 | |---------|------|--------| | 📦 React H5 模板 | 现代化 React 开发模板 | Vite + TypeScript + ESLint + Prettier + UnoCSS + Zustand + Ant Design + Husky | | 🧩 Vue H5 模板 | 完整的 Vue3 开发环境 | Vite + Vue3 + TypeScript + ESLint + Prettier + UnoCSS + Pinia + Husky | | 📻 Uni-app 模板 | 跨平台小程序/App开发 | uni-helper + Vite + Vue3 + TypeScript + ESLint + UnoCSS + Pinia + Husky | | 😁 浏览器插件模板 | 现代化浏览器扩展开发 | Vite + WXT Framework + TypeScript |

🎨 使用演示

1. 创建项目

$ dmc create my-project
🚀 正在创建项目 my-project...

2. 选择模板

CLI 会显示可搜索的模板列表：

? 请输入模板名称或关键词: (Type to search)
❯ 📦 React h5 模板(vite,ts,eslint,prettier,unocss,zustand,antd,husky)
  🧩 Vue h5 模板(vite,ts,eslint,prettier,unocss,pinia,husky)
  📻 uni app 模板(uni-helper,vite,vue3,ts,eslint,unocss,pinia,husky)
  😁 wxt broswer plugin 模板(vite, wxt)

3. 选择是否安装依赖

? 是否安装依赖？ (Y/n)

4. 项目创建完成

📦 模板克隆完成: React h5 模板
⚙️ Git 文件清理完成: React h5 模板
🧩 依赖安装完成: React h5 模板
✅ 成功创建项目: React h5 模板

💡 高级用法

覆盖已存在的项目

如果目标目录已存在，CLI 会询问是否覆盖：

⚠️ 目录 "my-project" 已存在，是否覆盖？ (y/N)

跳过依赖安装

选择 "否" 来跳过自动依赖安装，稍后可以手动安装：

cd my-project
pnpm install

搜索模板

在模板选择界面，可以输入关键词快速筛选：

• 输入 "react" 显示 React 相关模板
• 输入 "vue" 显示 Vue 相关模板
• 输入 "uni" 显示 Uni-app 模板

🛠️ 开发

项目结构

dmc-cli/
├── bin/
│   └── dmc-cli.js          # CLI 入口文件
├── src/
│   ├── commands/
│   │   ├── create.js       # 创建项目命令
│   │   └── config.js       # 模板配置
│   └── lib/
│       └── inquirerTheme.js # CLI 主题配置
├── package.json
└── README.md

本地开发

# 克隆项目
git clone <repository-url>
cd dmc-cli

# 安装依赖
pnpm install

# 链接到全局
npm link

# 测试命令
dmc create test-project

添加新模板

在 src/commands/config.js 中添加新模板：

export const TEMPLATES = [
    // 现有模板...
    {
        name: '新模板名称',
        url: 'https://gitee.com/your-org/your-template.git',
        icon: '🎉'
    }
];

📋 系统要求

• Node.js >= 14.0.0
• npm/pnpm/yarn
• Git

🤝 贡献指南

欢迎提交 Issue 和 Pull Request！

1. Fork 本仓库
2. 创建你的特性分支 (git checkout -b feature/AmazingFeature)
3. 提交你的更改 (git commit -m 'Add some AmazingFeature')
4. 推送到分支 (git push origin feature/AmazingFeature)
5. 创建一个 Pull Request

📝 许可证

本项目基于 ISC 许可证开源。

🔗 相关链接

• npm 包地址
• 问题反馈

📊 更新日志

v1.0.11

• ⚡ 自动读取 package.json 版本号
• 🔄 新增 dmc update 命令，一键更新到最新版本
• 🛠️ 优化代码结构和错误处理

v1.0.9

• 🚀 正式发布 dmc-cli
• ✨ 支持多种前端框架模板
• 🔍 添加智能模板搜索功能
• 📦 自动依赖安装选项

享受编码的乐趣！ 🎉