@ysjdemo/umi-create-cli 0.0.1

package/README.md

@@ -0,0 +1,117 @@
+# @cfmm/umi-create-cli
+
+一个用于快速创建 Umi 4 项目的脚手架工具。
+
+## ✨ 特性
+
+- 🚀 快速创建 Umi 4 项目
+- 🎨 提供多种项目模板
+- 📦 自动配置常用依赖和配置
+- 💻 支持 TypeScript
+- 🔧 预配置 ESLint 和 Prettier
+
+## 📦 安装
+
+### 全局安装
+```bash
+npm install -g @cfmm/umi-create-cli
+```
+
+### 或使用 npx（推荐）
+```bash
+npx @cfmm/umi-create-cli create my-project
+```
+
+## 🚀 使用
+
+### 创建新项目
+```bash
+# 使用默认模板（basic）
+ysj-umi create my-project
+
+# 指定模板类型
+ysj-umi create my-project -t antd
+```
+
+### 在当前目录初始化
+```bash
+# 在当前目录初始化项目
+ysj-umi init
+
+# 指定模板类型
+ysj-umi init -t antd
+```
+
+### 查看帮助
+```bash
+ysj-umi --help
+```
+
+## 📋 可用模板
+
+### 1. basic - 基础模板
+- ✅ Umi 4 基础配置
+- ✅ React 18 + TypeScript
+- ✅ 基础路由配置
+- ✅ 简单的页面示例
+
+### 2. antd - Ant Design Pro 模板
+- ✅ 基于 Ant Design 5.0
+- ✅ Pro Components 组件库
+- ✅ 完整的后台管理界面
+- ✅ 仪表盘、用户管理、设置页面
+- ✅ 表格、表单等常用功能
+
+## 📁 项目结构
+
+创建的项目具有以下目录结构：
+
+```
+my-project/
+├── src/
+│   ├── components/     # 通用组件
+│   ├── pages/         # 页面组件
+│   ├── services/      # API 服务
+│   └── utils/         # 工具函数
+├── .umirc.ts          # Umi 配置文件
+├── .gitignore         # Git 忽略文件
+├── .prettierrc        # Prettier 配置
+├── tsconfig.json      # TypeScript 配置
+├── package.json       # 项目依赖
+└── README.md          # 项目说明
+```
+
+## 🛠️ 开发流程
+
+创建项目后，进入项目目录并安装依赖：
+
+```bash
+cd my-project
+npm install
+```
+
+启动开发服务器：
+
+```bash
+npm start
+```
+
+构建生产版本：
+
+```bash
+npm run build
+```
+
+## 📖 相关文档
+
+- [Umi 4 官方文档](https://umijs.org/)
+- [Ant Design 文档](https://ant.design/)
+- [Pro Components 文档](https://procomponents.ant.design/)
+
+## 🤝 贡献
+
+欢迎提交 Issue 和 Pull Request！
+
+## 📄 许可证
+
+[MIT](LICENSE) 

package/bin/cli.js

@@ -0,0 +1,39 @@
+#!/usr/bin/env node
+
+const { program } = require('commander');
+const { createProject, initProject } = require('../lib/create');
+
+program
+  .name('ysj-umi')
+  .description('Umi4 项目脚手架工具')
+  .version(require('../package.json').version);
+
+// create 命令
+program
+  .command('create <project-name>')
+  .description('创建一个新的 Umi4 项目')
+  .option('-t, --template <template>', '使用指定模板 (basic, antd)', 'basic')
+  .action(async (projectName, options) => {
+    try {
+      await createProject(projectName, options);
+    } catch (error) {
+      console.error('创建项目失败:', error.message);
+      process.exit(1);
+    }
+  });
+
+// init 命令
+program
+  .command('init')
+  .description('在当前目录初始化 Umi4 项目')
+  .option('-t, --template <template>', '使用指定模板 (basic, antd)', 'basic')
+  .action(async (options) => {
+    try {
+      await initProject(options);
+    } catch (error) {
+      console.error('初始化项目失败:', error.message);
+      process.exit(1);
+    }
+  });
+
+program.parse(); 

package/lib/create.js

@@ -0,0 +1,152 @@
+const fs = require('fs-extra');
+const path = require('path');
+const inquirer = require('inquirer');
+const chalk = require('chalk');
+const ora = require('ora');
+const { generateTemplate, getAvailableTemplates } = require('./templates');
+
+async function createProject(projectName, options) {
+  const { template = 'basic' } = options;
+  
+  console.log(`🚀 创建 Umi4 项目...`);
+  
+  // 获取可用模板列表
+  const availableTemplates = await getAvailableTemplates();
+  
+  // 如果指定的模板不存在，让用户选择
+  let selectedTemplate = template;
+  if (!availableTemplates.includes(template)) {
+    console.log(chalk.yellow(`⚠️  模板 "${template}" 不存在`));
+    console.log(chalk.blue(`📋 可用模板: ${availableTemplates.join(', ')}`));
+    
+    const { chosenTemplate } = await inquirer.prompt([
+      {
+        type: 'list',
+        name: 'chosenTemplate',
+        message: '请选择要使用的模板:',
+        choices: availableTemplates.map(t => ({
+          name: t === 'basic' ? `${t} (基础模板)` : 
+                t === 'antd' ? `${t} (Ant Design Pro)` : t,
+          value: t
+        }))
+      }
+    ]);
+    selectedTemplate = chosenTemplate;
+  }
+  
+  const targetDir = path.resolve(projectName);
+  
+  // 检查目录是否已存在
+  if (await fs.pathExists(targetDir)) {
+    const { overwrite } = await inquirer.prompt([
+      {
+        type: 'confirm',
+        name: 'overwrite',
+        message: `目录 ${projectName} 已存在，是否覆盖？`,
+        default: false
+      }
+    ]);
+    
+    if (!overwrite) {
+      console.log(chalk.red('❌ 项目创建取消'));
+      return;
+    }
+    
+    await fs.remove(targetDir);
+  }
+  
+  const spinner = ora('正在创建项目...').start();
+  
+  try {
+    // 生成项目文件
+    await generateTemplate(projectName, selectedTemplate, targetDir);
+    
+    spinner.succeed('项目文件生成完成');
+    
+    console.log(chalk.green('✅ 项目创建成功！'));
+    console.log('');
+    console.log(chalk.cyan(`📁 进入项目目录: cd ${projectName}`));
+    console.log(chalk.cyan('📦 安装依赖: npm install 或 yarn'));
+    console.log(chalk.cyan('🚀 启动项目: npm start 或 yarn start'));
+    
+  } catch (error) {
+    spinner.fail('项目创建失败');
+    console.error(chalk.red(error.message));
+    process.exit(1);
+  }
+}
+
+async function initProject(options) {
+  const { template = 'basic' } = options;
+  const projectName = path.basename(process.cwd());
+  
+  console.log(`🚀 初始化 Umi4 项目...`);
+  
+  // 获取可用模板列表
+  const availableTemplates = await getAvailableTemplates();
+  
+  // 如果指定的模板不存在，让用户选择
+  let selectedTemplate = template;
+  if (!availableTemplates.includes(template)) {
+    console.log(chalk.yellow(`⚠️  模板 "${template}" 不存在`));
+    console.log(chalk.blue(`📋 可用模板: ${availableTemplates.join(', ')}`));
+    
+    const { chosenTemplate } = await inquirer.prompt([
+      {
+        type: 'list',
+        name: 'chosenTemplate',
+        message: '请选择要使用的模板:',
+        choices: availableTemplates.map(t => ({
+          name: t === 'basic' ? `${t} (基础模板)` : 
+                t === 'antd' ? `${t} (Ant Design Pro)` : t,
+          value: t
+        }))
+      }
+    ]);
+    selectedTemplate = chosenTemplate;
+  }
+  
+  const targetDir = process.cwd();
+  
+  // 检查当前目录是否为空
+  const files = await fs.readdir(targetDir);
+  if (files.length > 0) {
+    const { proceed } = await inquirer.prompt([
+      {
+        type: 'confirm',
+        name: 'proceed',
+        message: '当前目录不为空，是否继续？',
+        default: false
+      }
+    ]);
+    
+    if (!proceed) {
+      console.log(chalk.red('❌ 项目初始化取消'));
+      return;
+    }
+  }
+  
+  const spinner = ora('正在初始化项目...').start();
+  
+  try {
+    // 生成项目文件
+    await generateTemplate(projectName, selectedTemplate, targetDir);
+    
+    spinner.succeed('项目文件生成完成');
+    
+    console.log(chalk.green('✅ 项目初始化成功！'));
+    console.log('');
+    console.log(chalk.cyan('📦 安装依赖: npm install 或 yarn'));
+    console.log(chalk.cyan('🚀 启动项目: npm start 或 yarn start'));
+    
+  } catch (error) {
+    spinner.fail('项目初始化失败');
+    console.error(chalk.red(error.message));
+    process.exit(1);
+  }
+}
+
+module.exports = {
+  createProject,
+  initProject
+}; 

package/lib/templates/antd/.umirc.ts

@@ -0,0 +1,38 @@
+import { defineConfig } from '@umijs/max';
+
+export default defineConfig({
+  antd: {},
+  access: {},
+  model: {},
+  initialState: {},
+  request: {},
+  layout: {
+    title: '{{projectName}}',
+    logo: 'https://img.alicdn.com/tfs/TB1YHEpwUT1gK0jSZFhXXaAtVXa-28-27.svg',
+  },
+  routes: [
+    {
+      path: '/',
+      redirect: '/dashboard',
+    },
+    {
+      name: '仪表盘',
+      path: '/dashboard',
+      component: './Dashboard',
+      icon: 'DashboardOutlined',
+    },
+    {
+      name: '用户管理',
+      path: '/users',
+      component: './Users',
+      icon: 'UserOutlined',
+    },
+    {
+      name: '设置',
+      path: '/settings',
+      component: './Settings',
+      icon: 'SettingOutlined',
+    },
+  ],
+  npmClient: 'npm',
+}); 

package/lib/templates/antd/README.md

@@ -0,0 +1,65 @@
+# {{projectName}}
+
+这是一个使用 cfmm-cli-umi 脚手架创建的 Umi 4 + Ant Design Pro 项目。
+
+## 特性
+
+- 🚀 基于 Umi 4 和 Ant Design 5
+- 📦 开箱即用的 Pro Components
+- 🎨 美观的管理后台界面
+- 📱 响应式设计
+- 🔐 内置权限管理
+- 📈 丰富的图表组件
+
+## 开始使用
+
+### 安装依赖
+
+```bash
+npm install
+# 或
+yarn
+```
+
+### 启动开发服务器
+
+```bash
+npm start
+# 或
+yarn start
+```
+
+### 构建生产版本
+
+```bash
+npm run build
+# 或
+yarn build
+```
+
+## 项目结构
+
+```
+├── src/
+│   ├── components/     # 通用组件
+│   ├── pages/         # 页面组件
+│   │   ├── Dashboard/ # 仪表盘
+│   │   ├── Users/     # 用户管理
+│   │   └── Settings/  # 系统设置
+│   ├── services/      # API 服务
+│   └── utils/         # 工具函数
+├── .umirc.ts          # Umi 配置文件
+└── package.json
+```
+
+## 页面说明
+
+- **仪表盘**: 数据统计展示
+- **用户管理**: 用户列表和管理
+- **系统设置**: 应用配置管理
+
+## 更多信息
+
+- [Umi 4 文档](https://umijs.org/)
+- [Ant Design 文档](https://ant.design/)
+- [Pro Components 文档](https://procomponents.ant.design/) 

package/lib/templates/antd/package.json

@@ -0,0 +1,27 @@
+{
+  "name": "{{projectName}}",
+  "private": true,
+  "author": "cfmm-cli-umi",
+  "scripts": {
+    "build": "umi build",
+    "dev": "umi dev",
+    "format": "prettier --cache --write .",
+    "postinstall": "umi setup",
+    "setup": "umi setup",
+    "start": "npm run dev"
+  },
+  "dependencies": {
+    "@umijs/max": "^4.0.0",
+    "@ant-design/pro-components": "^2.6.0",
+    "@ant-design/icons": "^5.0.0",
+    "antd": "^5.0.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0"
+  },
+  "devDependencies": {
+    "@types/react": "^18.0.0",
+    "@types/react-dom": "^18.0.0",
+    "prettier": "^2.7.1",
+    "typescript": "^5.0.0"
+  }
+} 

package/lib/templates/antd/src/pages/Dashboard/index.tsx

@@ -0,0 +1,58 @@
+import { Card, Col, Row, Statistic } from 'antd';
+import { ArrowDownOutlined, ArrowUpOutlined } from '@ant-design/icons';
+import { PageContainer } from '@ant-design/pro-components';
+import React from 'react';
+
+const DashboardPage: React.FC = () => {
+  return (
+    <PageContainer>
+      <Row gutter={16}>
+        <Col span={6}>
+          <Card>
+            <Statistic
+              title="用户总数"
+              value={1128}
+              precision={0}
+              valueStyle={{ color: '#3f8600' }}
+              prefix={<ArrowUpOutlined />}
+            />
+          </Card>
+        </Col>
+        <Col span={6}>
+          <Card>
+            <Statistic
+              title="订单数量"
+              value={893}
+              precision={0}
+              valueStyle={{ color: '#cf1322' }}
+              prefix={<ArrowDownOutlined />}
+            />
+          </Card>
+        </Col>
+        <Col span={6}>
+          <Card>
+            <Statistic
+              title="销售额"
+              value={25863}
+              precision={2}
+              prefix="¥"
+              valueStyle={{ color: '#3f8600' }}
+            />
+          </Card>
+        </Col>
+        <Col span={6}>
+          <Card>
+            <Statistic
+              title="活跃用户"
+              value={523}
+              precision={0}
+              valueStyle={{ color: '#1890ff' }}
+            />
+          </Card>
+        </Col>
+      </Row>
+    </PageContainer>
+  );
+};
+
+export default DashboardPage; 

package/lib/templates/antd/src/pages/Settings/index.tsx

@@ -0,0 +1,73 @@
+import { PageContainer } from '@ant-design/pro-components';
+import { Card, Form, Input, Button, Switch, Space, message } from 'antd';
+import React from 'react';
+
+const SettingsPage: React.FC = () => {
+  const [form] = Form.useForm();
+
+  const onFinish = (values: any) => {
+    console.log('设置保存:', values);
+    message.success('设置保存成功！');
+  };
+
+  return (
+    <PageContainer>
+      <Card title="系统设置">
+        <Form
+          form={form}
+          layout="vertical"
+          onFinish={onFinish}
+          initialValues={{
+            siteName: '{{projectName}}',
+            emailNotification: true,
+            pushNotification: false,
+          }}
+        >
+          <Form.Item
+            label="站点名称"
+            name="siteName"
+            rules={[{ required: true, message: '请输入站点名称' }]}
+          >
+            <Input placeholder="请输入站点名称" />
+          </Form.Item>
+
+          <Form.Item
+            label="站点描述"
+            name="description"
+          >
+            <Input.TextArea rows={4} placeholder="请输入站点描述" />
+          </Form.Item>
+
+          <Form.Item
+            label="邮件通知"
+            name="emailNotification"
+            valuePropName="checked"
+          >
+            <Switch />
+          </Form.Item>
+
+          <Form.Item
+            label="推送通知"
+            name="pushNotification"
+            valuePropName="checked"
+          >
+            <Switch />
+          </Form.Item>
+
+          <Form.Item>
+            <Space>
+              <Button type="primary" htmlType="submit">
+                保存设置
+              </Button>
+              <Button onClick={() => form.resetFields()}>
+                重置
+              </Button>
+            </Space>
+          </Form.Item>
+        </Form>
+      </Card>
+    </PageContainer>
+  );
+};
+
+export default SettingsPage; 

package/lib/templates/antd/src/pages/Users/index.tsx

@@ -0,0 +1,88 @@
+import { PageContainer, ProTable } from '@ant-design/pro-components';
+import { Button, Tag, Space } from 'antd';
+import { PlusOutlined } from '@ant-design/icons';
+import React from 'react';
+
+const UsersPage: React.FC = () => {
+  const columns = [
+    {
+      title: 'ID',
+      dataIndex: 'id',
+      key: 'id',
+      width: 80,
+    },
+    {
+      title: '用户名',
+      dataIndex: 'name',
+      key: 'name',
+    },
+    {
+      title: '邮箱',
+      dataIndex: 'email',
+      key: 'email',
+    },
+    {
+      title: '状态',
+      dataIndex: 'status',
+      key: 'status',
+      render: (status: string) => (
+        <Tag color={status === 'active' ? 'green' : 'red'}>
+          {status === 'active' ? '活跃' : '禁用'}
+        </Tag>
+      ),
+    },
+    {
+      title: '操作',
+      key: 'action',
+      render: () => (
+        <Space size="middle">
+          <Button type="link" size="small">编辑</Button>
+          <Button type="link" size="small" danger>删除</Button>
+        </Space>
+      ),
+    },
+  ];
+
+  const mockData = [
+    {
+      id: 1,
+      name: '张三',
+      email: 'zhangsan@example.com',
+      status: 'active',
+    },
+    {
+      id: 2,
+      name: '李四',
+      email: 'lisi@example.com',
+      status: 'active',
+    },
+    {
+      id: 3,
+      name: '王五',
+      email: 'wangwu@example.com',
+      status: 'inactive',
+    },
+  ];
+
+  return (
+    <PageContainer>
+      <ProTable
+        columns={columns}
+        dataSource={mockData}
+        rowKey="id"
+        pagination={{
+          showSizeChanger: true,
+          showQuickJumper: true,
+        }}
+        toolBarRender={() => [
+          <Button key="button" icon={<PlusOutlined />} type="primary">
+            新建用户
+          </Button>,
+        ]}
+        search={false}
+      />
+    </PageContainer>
+  );
+};
+
+export default UsersPage; 

package/lib/templates/basic/.umirc.ts

@@ -0,0 +1,29 @@
+import { defineConfig } from '@umijs/max';
+
+export default defineConfig({
+  antd: {},
+  access: {},
+  model: {},
+  initialState: {},
+  request: {},
+  layout: {
+    title: '{{projectName}}',
+  },
+  routes: [
+    {
+      path: '/',
+      redirect: '/home',
+    },
+    {
+      name: '首页',
+      path: '/home',
+      component: './Home',
+    },
+    {
+      name: '关于',
+      path: '/about',
+      component: './About',
+    },
+  ],
+  npmClient: 'npm',
+}); 

package/lib/templates/basic/README.md

@@ -0,0 +1,46 @@
+# {{projectName}}
+
+这是一个使用 cfmm-cli-umi 脚手架创建的 Umi 4 项目。
+
+## 开始使用
+
+### 安装依赖
+
+```bash
+npm install
+# 或
+yarn
+```
+
+### 启动开发服务器
+
+```bash
+npm start
+# 或
+yarn start
+```
+
+### 构建生产版本
+
+```bash
+npm run build
+# 或
+yarn build
+```
+
+## 项目结构
+
+```
+├── src/
+│   ├── components/     # 通用组件
+│   ├── pages/         # 页面组件
+│   ├── services/      # API 服务
+│   └── utils/         # 工具函数
+├── .umirc.ts          # Umi 配置文件
+└── package.json
+```
+
+## 更多信息
+
+- [Umi 4 文档](https://umijs.org/)
+- [Ant Design 文档](https://ant.design/) 

package/lib/templates/basic/package.json

@@ -0,0 +1,26 @@
+{
+  "name": "{{projectName}}",
+  "private": true,
+  "author": "cfmm-cli-umi",
+  "scripts": {
+    "build": "umi build",
+    "dev": "umi dev",
+    "format": "prettier --cache --write .",
+    "postinstall": "umi setup",
+    "setup": "umi setup",
+    "start": "npm run dev"
+  },
+  "dependencies": {
+    "@umijs/max": "^4.0.0",
+    "@ant-design/pro-components": "^2.6.0",
+    "antd": "^5.0.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0"
+  },
+  "devDependencies": {
+    "@types/react": "^18.0.0",
+    "@types/react-dom": "^18.0.0",
+    "prettier": "^2.7.1",
+    "typescript": "^5.0.0"
+  }
+} 

package/lib/templates/basic/src/components/Loading/index.tsx

@@ -0,0 +1,17 @@
+import { Spin } from 'antd';
+import React from 'react';
+
+const Loading: React.FC = () => {
+  return (
+    <div style={{ 
+      display: 'flex', 
+      justifyContent: 'center', 
+      alignItems: 'center', 
+      height: '200px' 
+    }}>
+      <Spin size="large" />
+    </div>
+  );
+};
+
+export default Loading; 

package/lib/templates/basic/src/pages/About/index.tsx

@@ -0,0 +1,23 @@
+import { PageContainer } from '@ant-design/pro-components';
+import { Card, Typography } from 'antd';
+import React from 'react';
+
+const { Title, Paragraph } = Typography;
+
+const AboutPage: React.FC = () => {
+  return (
+    <PageContainer>
+      <Card>
+        <Title level={2}>关于我们</Title>
+        <Paragraph>
+          这是关于页面的示例内容。
+        </Paragraph>
+        <Paragraph>
+          你可以在这里添加你的项目介绍、团队信息等内容。
+        </Paragraph>
+      </Card>
+    </PageContainer>
+  );
+};
+
+export default AboutPage; 

package/lib/templates/basic/src/pages/Home/index.tsx

@@ -0,0 +1,23 @@
+import { PageContainer } from '@ant-design/pro-components';
+import { Card, Typography } from 'antd';
+import React from 'react';
+
+const { Title, Paragraph } = Typography;
+
+const HomePage: React.FC = () => {
+  return (
+    <PageContainer>
+      <Card>
+        <Title level={2}>欢迎使用 Umi 4！</Title>
+        <Paragraph>
+          这是一个使用 cfmm-cli-umi 脚手架创建的基础 Umi 4 项目。
+        </Paragraph>
+        <Paragraph>
+          你可以开始编辑 <code>src/pages/Home/index.tsx</code> 来开发你的应用。
+        </Paragraph>
+      </Card>
+    </PageContainer>
+  );
+};
+
+export default HomePage; 

package/lib/templates/basic/src/pages/index.less

@@ -0,0 +1,27 @@
+.navs {
+  ul {
+    padding: 0;
+    margin: 0;
+    list-style: none;
+    display: flex;
+    background: #f6f6f6;
+    padding: 10px;
+  }
+  
+  li {
+    margin-right: 20px;
+  }
+  
+  a {
+    text-decoration: none;
+    color: #333;
+    padding: 8px 16px;
+    border-radius: 4px;
+    transition: background-color 0.3s;
+    
+    &:hover {
+      background-color: #e6f7ff;
+      color: #1890ff;
+    }
+  }
+} 

package/lib/templates/basic/src/pages/index.tsx

@@ -0,0 +1,18 @@
+import { Link, Outlet } from '@umijs/max';
+import styles from './index.less';
+
+export default function Layout() {
+  return (
+    <div className={styles.navs}>
+      <ul>
+        <li>
+          <Link to="/home">首页</Link>
+        </li>
+        <li>
+          <Link to="/about">关于</Link>
+        </li>
+      </ul>
+      <Outlet />
+    </div>
+  );
+} 

package/lib/templates/common/.prettierignore

@@ -0,0 +1,5 @@
+node_modules
+.umi
+.umi-production
+.umi-test
+/dist 

package/lib/templates/common/.prettierrc

@@ -0,0 +1,8 @@
+{
+  "printWidth": 80,
+  "singleQuote": true,
+  "trailingComma": "all",
+  "proseWrap": "never",
+  "overrides": [{ "files": ".prettierrc", "options": { "parser": "json" } }],
+  "plugins": ["prettier-plugin-organize-imports", "prettier-plugin-packagejson"]
+} 

package/lib/templates/common/tsconfig.json

@@ -0,0 +1,3 @@
+{
+  "extends": "./src/.umi/tsconfig.json"
+} 

package/lib/templates/index.js

@@ -0,0 +1,102 @@
+const fs = require('fs-extra');
+const path = require('path');
+
+// 模板变量替换函数
+function replaceTemplateVariables(content, variables) {
+  let result = content;
+  for (const [key, value] of Object.entries(variables)) {
+    const placeholder = `{{${key}}}`;
+    result = result.replace(new RegExp(placeholder, 'g'), value || '');
+  }
+  return result;
+}
+
+// 递归复制目录并替换模板变量
+async function copyTemplateDir(srcDir, destDir, variables) {
+  await fs.ensureDir(destDir);
+  
+  const items = await fs.readdir(srcDir);
+  
+  for (const item of items) {
+    const srcPath = path.join(srcDir, item);
+    const destPath = path.join(destDir, item);
+    
+    const stat = await fs.stat(srcPath);
+    
+    if (stat.isDirectory()) {
+      // 递归处理子目录
+      await copyTemplateDir(srcPath, destPath, variables);
+    } else {
+      // 处理文件
+      const content = await fs.readFile(srcPath, 'utf8');
+      const processedContent = replaceTemplateVariables(content, variables);
+      await fs.writeFile(destPath, processedContent);
+    }
+  }
+}
+
+async function generateTemplate(projectName, templateType, targetDir) {
+  const templatesDir = path.join(__dirname, './');
+  const templateDir = path.join(templatesDir, templateType);
+  const commonDir = path.join(templatesDir, 'common');
+  
+  // 检查模板是否存在
+  if (!await fs.pathExists(templateDir)) {
+    throw new Error(`模板 "${templateType}" 不存在`);
+  }
+  
+  // 模板变量
+  const variables = {
+    projectName: projectName || 'my-umi-app'
+  };
+  
+  // 确保目标目录存在
+  await fs.ensureDir(targetDir);
+  
+  // 首先创建基础目录结构
+  const baseDirs = ['src/pages', 'src/components', 'src/services', 'src/utils'];
+  for (const dir of baseDirs) {
+    await fs.ensureDir(path.join(targetDir, dir));
+  }
+  
+  // 复制模板特定的文件
+  console.log(`📂 正在复制模板文件...`);
+  await copyTemplateDir(templateDir, targetDir, variables);
+  
+  // 复制通用文件
+  if (await fs.pathExists(commonDir)) {
+    console.log(`📄 正在复制通用配置文件...`);
+    await copyTemplateDir(commonDir, targetDir, variables);
+  }
+  
+  console.log(`✅ 模板文件复制完成`);
+}
+
+// 获取可用的模板列表
+async function getAvailableTemplates() {
+  const templatesDir = path.join(__dirname, './');
+  
+  if (!await fs.pathExists(templatesDir)) {
+    return [];
+  }
+  
+  const items = await fs.readdir(templatesDir);
+  const templates = [];
+  
+  for (const item of items) {
+    const itemPath = path.join(templatesDir, item);
+    const stat = await fs.stat(itemPath);
+    
+    // 排除common目录和index.js文件，只返回实际的模板目录
+    if (stat.isDirectory() && item !== 'common') {
+      templates.push(item);
+    }
+  }
+  
+  return templates;
+}
+
+module.exports = {
+  generateTemplate,
+  getAvailableTemplates
+}; 

package/package.json

@@ -0,0 +1,53 @@
+{
+  "name": "@ysjdemo/umi-create-cli",
+  "author": "ysj <411367308@qq.com>",
+  "version": "0.0.1",
+  "description": "一个用于创建Umi4项目的脚手架工具",
+  "main": "index.js",
+  "bin": {
+    "ysj-umi": "./bin/cli.js"
+  },
+  "scripts": {
+    "start": "node bin/cli.js",
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "prepublishOnly": "echo 'Preparing to publish...'",
+    "publish:auto": "node scripts/publish.js",
+    "version:patch": "npm version patch",
+    "version:minor": "npm version minor",
+    "version:major": "npm version major"
+  },
+  "files": [
+    "bin/",
+    "lib/",
+    "README.md"
+  ],
+  "keywords": [
+    "umi",
+    "umi4",
+    "cli"
+  ],
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/yourusername/cfmm-cli-umi.git"
+  },
+  "bugs": {
+    "url": "https://github.com/yourusername/cfmm-cli-umi/issues"
+  },
+  "homepage": "https://github.com/yourusername/cfmm-cli-umi#readme",
+  "publishConfig": {
+    "access": "public"
+  },
+  "dependencies": {
+    "chalk": "^4.1.2",
+    "commander": "^9.4.1",
+    "download-git-repo": "^3.0.2",
+    "fs-extra": "^11.1.1",
+    "inquirer": "^8.2.5",
+    "ora": "^5.4.1"
+  },
+  "engines": {
+    "node": ">=14.0.0"
+  },
+  "packageManager": "yarn@4.9.1"
+}