@cfmm/frontend-cli

一个用于创建前端项目的脚手架工具

使用方式（推荐npx）

# 🔥 推荐：使用 npx 直接创建（无需安装）
# 会自动提示选择模板，默认推荐 qiankun + antd + umi
npx @cfmm/frontend-cli create projectName

# 或直接指定模板
npx @cfmm/frontend-cli create projectName -t qiankun
npx @cfmm/frontend-cli create projectName -t umi
npx @cfmm/frontend-cli create projectName -t vue
npx @cfmm/frontend-cli create projectName -t mobile

# 查看帮助
npx @cfmm/frontend-cli --help

交互式模板选择

当您运行创建命令时，会看到如下交互界面：

🚀 创建 前端 项目...
📋 请选择项目模板:
❯ 🎨 qiankun - Ant Design Pro 模板 (推荐)
  📦 umi - 基础模板

安装方式（可选）

如果需要频繁使用，可以选择全局安装：

# 全局安装
npm install -g @cfmm/frontend-cli

# 或使用 yarn
yarn global add @cfmm/frontend-cli

# 安装后使用
frontend-cli create projectName
frontend-cli --version

特性

• 🚀 快速创建前端项目
• 📦 内置常用配置模板
• 🎨 支持TypeScript
• 📱 支持多种UI库选择
• ⚡️ 支持npx直接使用，无需安装
• 🎯 交互式模板选择，默认推荐最佳实践

模板选项

• 🎨 qiankun - Ant Design Pro 模板（推荐）：企业级后台管理系统

  npx @cfmm/frontend-cli create projectName -t antd

  • 集成 Ant Design 5.0
  • qiankun
  • 多语言
  • Pro Components 组件库
  • 完整的后台管理界面
  • 用户管理、设置页面

• 📦 基础模板：轻量级起始项目

  npx @cfmm/frontend-cli create projectName -t basic

  • 基础 Umi 4 配置
  • TypeScript 支持
  • 简洁的项目结构

开发

# 克隆项目
git clone [email protected]:ChenWes/frontend-cli.git

# 安装依赖
yarn install

# 本地开发测试
npm link
frontend-cli create projectName
npm unlink / npm uninstall -g @cfmm/frontend-cli

# 发布新版本
npm version patch
git push origin --tags

License

MIT