CMC Frontend CLI

专为CMC营销系统设计的前端项目脚手架工具

快速开始 · 完整文档 · 更新日志

✨ 特性

• 🚀 快速创建: 一键生成完整的项目结构
• 📦 多模板支持: Vue3-TS、Vue3-JS、React-TS等多种模板
• 🛠️ 开箱即用: 预配置开发环境和构建工具
• 🎨 现代化UI: 集成Element Plus + TailwindCSS
• 📝 代码规范: 内置ESLint + Prettier + Husky
• 🌍 国际化: 支持多语言配置
• 🧪 测试支持: 集成Vitest + Playwright
• 🔧 TypeScript: 完整的类型支持
• ⚡ Vite: 极速的开发体验

🚀 快速开始

安装

# 使用pnpm（推荐）
pnpm add -g @cmclink/cmc-frontend-cli

# 或使用npm
npm install -g @cmclink/cmc-frontend-cli

创建项目

# 创建Vue3 + TypeScript项目
cmc-cli create my-vue-app --template vue3-ts

# 创建React + TypeScript项目  
cmc-cli create my-react-app --template react-ts

# 查看所有可用模板
cmc-cli list

启动开发

cd my-vue-app
pnpm install
pnpm dev

就这么简单！你的项目已经运行在 http://localhost:3000 🎉

📋 可用模板

| 模板 | 描述 | 技术栈 | |------|------|--------| | vue3-ts | Vue 3 + TypeScript | Vue 3.5 + TS + Element Plus + Pinia + TailwindCSS | | vue3-js | Vue 3 + JavaScript | Vue 3.5 + JS + Element Plus + Pinia + TailwindCSS | | react-ts | React + TypeScript | React 18 + TS + Ant Design + Redux Toolkit + TailwindCSS |

🛠️ 技术栈

核心框架

• Vue 3.5+ / React 18+ - 现代化前端框架
• TypeScript 5.0+ - 类型安全的JavaScript
• Vite 5.0+ - 极速的构建工具

UI组件库

• Element Plus 2.11+ (Vue) - 企业级UI组件库
• Ant Design 5.0+ (React) - 企业级UI设计语言
• TailwindCSS 4.1+ - 原子化CSS框架

状态管理

• Pinia 3.0+ (Vue) - 轻量级状态管理
• Redux Toolkit (React) - 现代化Redux

开发工具

• ESLint + Prettier - 代码规范和格式化
• Husky + lint-staged - Git钩子和代码检查
• Vitest - 单元测试框架
• Playwright - E2E测试框架

📖 文档

• 📚 完整文档 - 详细的使用指南
• ⚡ 快速开始 - 5分钟上手指南
• 🎯 最佳实践 - 开发最佳实践
• ⚙️ 配置选项 - 配置说明

🤝 贡献

欢迎提交Issue和Pull Request来改进这个项目！

开发环境

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

# 安装依赖
pnpm install

# 构建项目
pnpm build

# 本地测试
node dist/bin/cmc-cli.js create test-project

📄 许可证

MIT License

🙋‍♂️ 支持

如有问题或建议，请：

• 📧 联系开发团队
• 🐛 提交Issue
• 💬 加入技术交流群

Made with ❤️ by CMC Team