@deppon/create-deppon-app 2.2.0

package/LICENSE

@@ -0,0 +1 @@
+

package/README.md

@@ -0,0 +1,63 @@
+# @deppon/create-deppon-app
+
+Vue 3 项目脚手架工具
+
+## 安装
+
+`@deppon/create-deppon-app` 已发布到 npm 官方仓库，可直接使用：
+
+```bash
+# 使用 npm create
+npm create @deppon/deppon-app my-app
+
+# 或使用 npx（确保使用最新版本）
+npx @deppon/create-deppon-app@latest my-app
+
+# 或全局安装后使用
+npm install -g @deppon/create-deppon-app@latest
+create-deppon-app my-app
+```
+
+**关于缓存说明：**
+
+-   `npm create @deppon/deppon-app` 会使用 npm 的缓存机制，如果之前下载过旧版本，可能会使用缓存的版本
+-   `npx @deppon/create-deppon-app@latest` 明确指定 `@latest` 标签，会强制获取最新版本，避免缓存问题
+-   如果使用 `npm create` 时遇到版本不是最新的情况，可以清除缓存后重试：
+
+```bash
+# 清除 npm 缓存
+npm cache clean --force
+
+# 然后重新创建项目
+npm create @deppon/deppon-app my-app
+```
+
+创建的项目包含：
+
+-   Vue 3 + TypeScript 基础配置
+-   计数器示例组件
+-   待办事项示例组件
+-   完整的样式示例
+
+![](docs/images/project-template.jpg)
+
+## 安装依赖
+
+项目创建完成后，进入项目目录并安装依赖：
+
+```bash
+cd my-app
+npm install
+# 或使用 yarn
+yarn install
+```
+
+## FAQ
+
+#### 既然是新项目为什么不选择更成熟的 vue-cli 或 vite 这类脚手架呢？ @deppon/create-deppon-app 优势在哪？
+
+`vue-cli` 是 Vue 官方团队出品的脚手架，其经过数年的版本迭代已经很成熟了。
+
+`@deppon/create-deppon-app` 是在 `vue-cli` 的基础上，扩展了许多更友善的配置（通过配置文件设置），并且兼容老系统的项目 `webpack 4.0` 版本，统一配置，集中管理插件，依赖等信息，在技术规范统一方面也有很大的优势。
+
+`vite` 是通过 `esbuild` `rollup` 等工具组成的一套全新的脚手架系统，因为是直接运行 `es module` 文件，在编译速度上有着极大的优势，但是对老项目的更新也是破坏性的，而且 `vite` 整体来说，还不如 `webpack` 成熟。为了线上运行的稳定性，我们可以牺牲部分开发构建效率（0.x 秒）。

package/deppon.js

@@ -0,0 +1,640 @@
+#!/usr/bin/env node
+
+'use strict';
+// @ts-check
+import path from 'node:path';
+import child_process from 'node:child_process';
+import { fileURLToPath } from 'node:url';
+import fs from 'node:fs';
+import https from 'node:https';
+import { Command } from 'commander';
+
+// 自定义错误类，兼容 commander v9
+class InvalidOptionArgumentError extends Error {
+    constructor(message) {
+        super(message);
+        this.name = 'InvalidOptionArgumentError';
+    }
+}
+
+const program = new Command();
+import chalk from 'chalk';
+import semver from 'semver';
+import inquirer from 'inquirer';
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+const pkg = JSON.parse(fs.readFileSync(path.resolve(__dirname, './package.json')));
+
+let projectName = '';
+
+/**
+ * 获取包的版本号
+ * 优先从本地 packages 目录读取，如果不存在则从 npm registry 获取
+ * @param {string} packageName - 包名，如 '@deppon/deppon-pinia'
+ * @param {string} defaultVersion - 默认版本号（如果获取失败时使用，应包含 ^ 前缀）
+ * @returns {Promise<string>} 版本号（带 ^ 前缀）
+ */
+async function getPackageVersion(packageName, defaultVersion) {
+    // 尝试从本地 packages 目录读取
+    const packagesDir = path.resolve(__dirname, '../../packages');
+    const packageDirName = packageName.replace('@deppon/', 'deppon-');
+    const localPackagePath = path.join(packagesDir, packageDirName, 'package.json');
+
+    if (fs.existsSync(localPackagePath)) {
+        try {
+            const localPkg = JSON.parse(fs.readFileSync(localPackagePath, 'utf-8'));
+            if (localPkg.version) {
+                return `^${localPkg.version}`;
+            }
+        } catch (error) {
+            console.warn(chalk.yellow(`警告: 无法读取本地包 ${packageName} 的版本号: ${error.message}`));
+        }
+    }
+
+    // 如果本地不存在，尝试从 npm registry 获取
+    try {
+        const version = await fetchNpmVersion(packageName);
+        if (version) {
+            return `^${version}`;
+        }
+    } catch (error) {
+        // 静默失败，不显示警告（网络问题很常见）
+    }
+
+    // 如果都失败，使用默认版本号
+    return defaultVersion;
+}
+
+/**
+ * 检测 Yarn 版本
+ * @returns {Promise<string|null>} Yarn 版本号或 null（如果未安装）
+ */
+function getYarnVersion() {
+    return new Promise(resolve => {
+        try {
+            child_process.exec('yarn --version', { timeout: 3000 }, (error, stdout) => {
+                if (error) {
+                    resolve(null);
+                    return;
+                }
+                const version = stdout.trim();
+                resolve(version || null);
+            });
+        } catch (error) {
+            resolve(null);
+        }
+    });
+}
+
+/**
+ * 判断是否为 Yarn 3+
+ * @param {string} version - Yarn 版本号
+ * @returns {boolean}
+ */
+function isYarn3(version) {
+    if (!version) return false;
+    const majorVersion = parseInt(version.split('.')[0], 10);
+    return majorVersion >= 3;
+}
+
+/**
+ * 从 npm registry 获取包的最新版本号
+ * @param {string} packageName - 包名
+ * @returns {Promise<string|null>} 版本号或 null
+ */
+function fetchNpmVersion(packageName) {
+    return new Promise((resolve, reject) => {
+        // 判断是否为 @deppon 作用域的包，使用华为云私有仓库
+        const isDepponPackage = packageName.startsWith('@deppon/');
+        const registryUrl = isDepponPackage
+            ? 'https://devrepo.devcloud.cn-east-3.huaweicloud.com/artgalaxy/api/npm/cn-east-3_8a2e1f0ee52d4adb9a0a6998d78d0dda_npm_1/'
+            : 'https://registry.npmjs.org/';
+
+        const url = `${registryUrl}${packageName}/latest`;
+
+        // 华为云私有仓库需要认证
+        const options = {
+            timeout: 5000,
+            rejectUnauthorized: false, // 忽略 SSL 证书验证
+        };
+
+        if (isDepponPackage) {
+            // 添加认证头
+            options.headers = {
+                Authorization:
+                    'Basic Y24tZWFzdC0zXzhhMmUxZjBlZTUyZDRhZGI5YTBhNjk5OGQ3OGQwZGRhXzBkMDg4Y2Y3NTUwMDBmOTIxZmZjYzAwNDU2YTUyM2JjOncyTC1kUTY9NGU=',
+            };
+        }
+
+        https
+            .get(url, options, res => {
+                let data = '';
+
+                res.on('data', chunk => {
+                    data += chunk;
+                });
+
+                res.on('end', () => {
+                    try {
+                        // 检查响应状态码
+                        if (res.statusCode !== 200) {
+                            reject(new Error(`获取版本号失败: HTTP ${res.statusCode}`));
+                            return;
+                        }
+                        const json = JSON.parse(data);
+                        resolve(json.version || null);
+                    } catch (error) {
+                        reject(new Error(`解析 npm registry 响应失败: ${error.message}`));
+                    }
+                });
+            })
+            .on('error', error => {
+                reject(error);
+            })
+            .on('timeout', () => {
+                reject(new Error('请求超时'));
+            });
+    });
+}
+
+/**
+ * 根据选择的包生成相应的初始化文件
+ * 注意：此函数不会覆盖模板中已存在的文件（main.ts、App.vue、request.ts）
+ */
+async function generatePackageFiles(root, packages, _isVite) {
+    const srcDir = path.join(root, 'src');
+
+    // 生成 Pinia 相关文件
+    if (packages.includes('pinia')) {
+        console.log('生成 Pinia 配置');
+        const storesDir = path.join(srcDir, 'stores');
+        if (!fs.existsSync(storesDir)) {
+            fs.mkdirSync(storesDir, { recursive: true });
+        }
+
+        // 只在 stores 目录不存在 user.ts 时创建示例 store
+        const userStorePath = path.join(storesDir, 'user.ts');
+        if (!fs.existsSync(userStorePath)) {
+            const userStoreContent = `import { defineStore } from '@deppon/deppon-pinia';
+
+export const useUserStore = defineStore('user', {
+    state: () => ({
+        name: '',
+        age: 0,
+    }),
+    getters: {
+        displayName: state => {
+            return state.name || '未命名';
+        },
+    },
+    actions: {
+        setName(name: string) {
+            this.name = name;
+        },
+        setAge(age: number) {
+            this.age = age;
+        },
+    },
+});
+`;
+            fs.writeFileSync(userStorePath, userStoreContent);
+        }
+    }
+
+    // 生成 Router 相关文件
+    if (packages.includes('router')) {
+        console.log('生成 Router 配置');
+        const routerDir = path.join(srcDir, 'router');
+        if (!fs.existsSync(routerDir)) {
+            fs.mkdirSync(routerDir, { recursive: true });
+        }
+
+        // 注意：不覆盖模板中的 router/index.ts，模板已包含完整的路由配置
+        // 模板中的 router/index.ts 已经包含了完整的路由配置和初始化代码
+
+        // 创建视图目录和示例页面（只在不存在时创建）
+        const viewsDir = path.join(srcDir, 'views');
+        if (!fs.existsSync(viewsDir)) {
+            fs.mkdirSync(viewsDir, { recursive: true });
+        }
+
+        // 只在 Home.vue 不存在时创建示例页面
+        const homeViewPath = path.join(viewsDir, 'Home.vue');
+        if (!fs.existsSync(homeViewPath)) {
+            const homeViewContent = `<template>
+    <div class="home">
+        <h1>首页</h1>
+        <p>欢迎使用 deppon-router</p>
+        <router-link to="/about">前往关于页</router-link>
+    </div>
+</template>
+
+<script setup lang="ts">
+import { useRoute } from '@deppon/deppon-router';
+
+const route = useRoute();
+console.log('当前路由:', route.path);
+</script>
+
+<style scoped>
+.home {
+    padding: 20px;
+    text-align: center;
+}
+</style>
+`;
+            fs.writeFileSync(homeViewPath, homeViewContent);
+        }
+
+        // 只在 About.vue 不存在时创建示例页面
+        const aboutViewPath = path.join(viewsDir, 'About.vue');
+        if (!fs.existsSync(aboutViewPath)) {
+            const aboutViewContent = `<template>
+    <div class="about">
+        <h1>关于</h1>
+        <p>这是关于页面</p>
+        <router-link to="/">返回首页</router-link>
+    </div>
+</template>
+
+<script setup lang="ts">
+import { useRouter } from '@deppon/deppon-router';
+
+const router = useRouter();
+
+const goHome = () => {
+    router.push('/');
+};
+</script>
+
+<style scoped>
+.about {
+    padding: 20px;
+    text-align: center;
+}
+</style>
+`;
+            fs.writeFileSync(aboutViewPath, aboutViewContent);
+        }
+
+        // 注意：不覆盖模板中的 main.ts 和 App.vue，模板已包含完整配置
+    }
+
+    // 生成 Request 相关配置
+    if (packages.includes('request')) {
+        console.log('生成 Request 配置');
+        const utilsDir = path.join(srcDir, 'utils');
+        if (!fs.existsSync(utilsDir)) {
+            fs.mkdirSync(utilsDir, { recursive: true });
+        }
+
+        // 只在 request.ts 不存在时创建，模板中已包含完整的 request.ts
+        const requestPath = path.join(utilsDir, 'request.ts');
+        if (!fs.existsSync(requestPath)) {
+            const requestContent = `import request from '@deppon/deppon-request';
+
+// 示例：封装 API 请求
+export const getUserInfo = (id: number) => {
+    return request({
+        url: '/api/user/info',
+        method: 'get',
+        params: { id },
+    });
+};
+
+export default request;
+`;
+            fs.writeFileSync(requestPath, requestContent);
+        }
+        // 注意：不覆盖模板中的 main.ts，模板已包含完整的配置
+    }
+
+    // 生成 UI 组件库相关配置
+    if (packages.includes('ui')) {
+        console.log('生成 UI 组件库配置');
+        // 注意：不覆盖模板中的 App.vue，模板已包含完整的 UI 配置和样式
+    }
+
+    // 注意：不覆盖模板中的 main.ts，模板已包含完整的配置
+    // 模板中的 main.ts 已经包含了所有必要的导入和初始化代码
+}
+
+program.name('create-deppon-app').description(pkg.description).version(pkg.version);
+
+program
+    .argument('<project-directory>', '项目名称', name => {
+        if (name.includes(' ')) {
+            throw new InvalidOptionArgumentError('项目名称中不能包含空格');
+        }
+        return name;
+    })
+    .usage(`${chalk.green('<project-directory>')}`)
+    .action(name => {
+        projectName = name || undefined;
+    });
+
+program.parse();
+
+// 只支持 TypeScript 模板
+
+async function createProject() {
+    const unsupportedNodeVersion = !semver.satisfies(semver.coerce(process.versions.node), '>=14');
+
+    if (unsupportedNodeVersion) {
+        console.log(
+            chalk.red(`Node 版本过低！当前 Node 版本为 ${process.versions.node}。\n\n` + `请升级至 14 或更高。\n`),
+        );
+        process.exit(1);
+    }
+    const root = path.resolve(projectName);
+    const appName = path.basename(root);
+
+    if (fs.existsSync(root)) {
+        console.log(chalk.red(`${projectName} 文件夹已存在，请先删除`));
+        process.exit(1);
+    }
+
+    // 询问用户选择构建工具
+    const { buildTool } = await inquirer.prompt([
+        {
+            type: 'list',
+            name: 'buildTool',
+            message: '请选择构建工具:',
+            choices: [
+                { name: 'Webpack (稳定，功能全面)', value: 'webpack' },
+                { name: 'Vite (快速，现代化)', value: 'vite' },
+            ],
+            default: 'webpack',
+        },
+    ]);
+
+    // 询问用户选择要添加的包
+    const { packages } = await inquirer.prompt([
+        {
+            type: 'checkbox',
+            name: 'packages',
+            message: '请选择要添加的包（使用空格键选择，回车确认）:',
+            choices: [
+                { name: 'deppon-pinia (状态管理)', value: 'pinia', checked: false },
+                { name: 'deppon-router (路由管理)', value: 'router', checked: false },
+                { name: 'deppon-request (HTTP 请求)', value: 'request', checked: false },
+                { name: 'deppon-ui (UI 组件库)', value: 'ui', checked: false },
+            ],
+        },
+    ]);
+
+    fs.mkdirSync(projectName);
+
+    console.log();
+
+    console.log(`开始创建目录`);
+    console.log();
+
+    console.log(`生成 package.json`);
+
+    const ext = 'js,ts,vue';
+    const isVite = buildTool === 'vite';
+
+    // 动态获取所有需要的包版本号
+    console.log(chalk.blue('正在获取包版本号...'));
+    const versionPromises = [
+        getPackageVersion('@deppon/deppon-eslint-config', '^1.0.4'),
+        getPackageVersion(isVite ? '@deppon/deppon-vite-scripts' : '@deppon/deppon-webpack-scripts', '^1.0.4'),
+    ];
+
+    // 只获取用户选择的包的版本号
+    if (packages.includes('pinia')) {
+        versionPromises.push(getPackageVersion('@deppon/deppon-pinia', '^1.0.4'));
+    }
+    if (packages.includes('router')) {
+        versionPromises.push(getPackageVersion('@deppon/deppon-router', '^1.0.4'));
+    }
+    if (packages.includes('request')) {
+        versionPromises.push(getPackageVersion('@deppon/deppon-request', '^1.0.4'));
+    }
+    if (packages.includes('ui')) {
+        versionPromises.push(getPackageVersion('@deppon/deppon-ui', '^1.0.4'));
+    }
+
+    const versions = await Promise.all(versionPromises);
+    const eslintConfigVersion = versions[0];
+    const buildScriptVersion = versions[1];
+    let versionIndex = 2;
+    const piniaVersion = packages.includes('pinia') ? versions[versionIndex++] : null;
+    const routerVersion = packages.includes('router') ? versions[versionIndex++] : null;
+    const requestVersion = packages.includes('request') ? versions[versionIndex++] : null;
+    const uiVersion = packages.includes('ui') ? versions[versionIndex++] : null;
+
+    // 根据用户选择的包添加依赖
+    const dependencies = {
+        vue: '^3.4.0',
+    };
+    const devDependencies = {
+        '@deppon/deppon-eslint-config': eslintConfigVersion,
+        [isVite ? '@deppon/deppon-vite-scripts' : '@deppon/deppon-webpack-scripts']: buildScriptVersion,
+        '@types/node': '^20.0.0',
+        typescript: '^5.0.0',
+    };
+
+    // 添加选择的包依赖
+    if (packages.includes('pinia')) {
+        dependencies['@deppon/deppon-pinia'] = piniaVersion;
+        // pinia 会自动作为 @deppon/deppon-pinia 的依赖安装，无需手动添加
+    }
+    if (packages.includes('router')) {
+        dependencies['@deppon/deppon-router'] = routerVersion;
+        // vue-router 会自动作为 @deppon/deppon-router 的依赖安装，无需手动添加
+    }
+    if (packages.includes('request')) {
+        dependencies['@deppon/deppon-request'] = requestVersion;
+    }
+    if (packages.includes('ui')) {
+        dependencies['@deppon/deppon-ui'] = uiVersion;
+    }
+
+    const packageJson = {
+        name: appName,
+        version: '1.0.0',
+        license: 'MIT',
+        scripts: {
+            start: isVite ? 'deppon-vite start' : 'deppon start',
+            dev: isVite ? 'deppon-vite build' : 'export NODE_ENV=dev && deppon build',
+            pre: isVite ? 'deppon-vite build' : 'export NODE_ENV=pre && deppon build',
+            analyze: isVite ? 'deppon-vite build' : 'deppon build --analyze',
+            build: isVite ? 'deppon-vite build' : 'deppon build',
+            lint: `eslint . --ext ${ext}`,
+            format: `prettier --write **/*.{${ext}} && eslint . --ext ${ext} --fix`,
+        },
+        dependencies,
+        devDependencies,
+    };
+
+    fs.writeFileSync(path.join(root, 'package.json'), JSON.stringify(packageJson, null, 2));
+
+    const readmeContent = `
+# ${appName.toUpperCase()}
+
+## 启动
+
+\`\`\`bash
+npm start
+\`\`\`
+
+## 构建
+
+\`\`\`bash
+npm run build
+`;
+    fs.writeFileSync(path.join(root, 'README.md'), readmeContent);
+    const templateDir = path.join(__dirname, `template`);
+
+    if (fs.existsSync(templateDir)) {
+        console.log(`初始化文件`);
+        fs.cpSync(templateDir, root, { recursive: true });
+
+        // 注意：不再生成 deppon.config.js，模板中已包含 vite.config.ts 配置文件
+        // 模板中的 vite.config.ts 已经包含了完整的 Vite 配置
+
+        // 重命名 .eslintrc.cjs 为 .eslintrc.js 并写入正确的配置
+        const eslintrcCjsPath = path.join(root, '.eslintrc.cjs');
+        const eslintrcJsPath = path.join(root, '.eslintrc.js');
+        if (fs.existsSync(eslintrcCjsPath)) {
+            // 写入正确的 ESLint 配置
+            const eslintConfig = `// This is a template file, ESLint config will be available after project initialization
+module.exports = {
+    extends: ['@deppon/deppon-eslint-config'],
+};
+`;
+            fs.writeFileSync(eslintrcJsPath, eslintConfig);
+            fs.unlinkSync(eslintrcCjsPath);
+        }
+
+        // 重命名环境变量示例文件
+        const envExamplePath = path.join(root, '.example.env');
+        const envPath = path.join(root, '.env');
+        if (fs.existsSync(envExamplePath) && !fs.existsSync(envPath)) {
+            fs.renameSync(envExamplePath, envPath, []);
+        }
+
+        // 重命名所有环境变量示例文件为实际配置文件
+        const envFileMappings = [
+            { example: 'env.development.example', target: '.env.development' }, // 处理不带点的文件
+            { example: '.env.dev-local.example', target: '.env.dev-local' },
+            { example: '.env.development.example', target: '.env.development' },
+            { example: '.env.production.example', target: '.env.production' },
+            { example: '.env.test.example', target: '.env.test' },
+        ];
+
+        envFileMappings.forEach(({ example, target }) => {
+            const examplePath = path.join(root, example);
+            const targetPath = path.join(root, target);
+            if (fs.existsSync(examplePath) && !fs.existsSync(targetPath)) {
+                fs.renameSync(examplePath, targetPath, []);
+            }
+        });
+
+        // 清理所有剩余的 example 文件（这些文件只是模板参考，不需要在生成的项目中保留）
+        const exampleFiles = [
+            '.env.dev-local.example',
+            '.env.development.example',
+            '.env.example',
+            '.env.production.example',
+            '.env.test.example',
+        ];
+        exampleFiles.forEach(exampleFile => {
+            const exampleFilePath = path.join(root, exampleFile);
+            if (fs.existsSync(exampleFilePath)) {
+                fs.unlinkSync(exampleFilePath);
+            }
+        });
+
+        // 替换 Dockerfile 中的项目名占位符
+        const dockerfilePath = path.join(root, 'Dockerfile');
+        if (fs.existsSync(dockerfilePath)) {
+            let dockerfileContent = fs.readFileSync(dockerfilePath, 'utf-8');
+            dockerfileContent = dockerfileContent.replace(/\{\{PROJECT_NAME\}\}/g, appName);
+            fs.writeFileSync(dockerfilePath, dockerfileContent);
+        }
+
+        // 根据选择的包生成相应的初始化代码
+        await generatePackageFiles(root, packages, isVite);
+    } else {
+        console.error(chalk.red(`找不到模板: ${templateDir}`));
+        process.exit(1);
+    }
+
+    process.chdir(root);
+
+    const npmrcExists = fs.existsSync(path.join(root, '.npmrc'));
+    if (npmrcExists) {
+        const data = fs.readFileSync(path.join(root, 'npmrc'));
+        fs.appendFileSync(path.join(root, '.npmrc'), data);
+        fs.unlinkSync(path.join(root, 'npmrc'));
+    } else {
+        fs.renameSync(path.join(root, 'npmrc'), path.join(root, '.npmrc'), []);
+    }
+
+    // 检测 Yarn 版本并选择合适的配置文件
+    const yarnVersion = await getYarnVersion();
+    const useYarn3 = isYarn3(yarnVersion);
+
+    if (useYarn3) {
+        // Yarn 3+ 使用 .yarnrc.yml
+        const yarnrcYmlExists = fs.existsSync(path.join(root, '.yarnrc.yml'));
+        if (yarnrcYmlExists) {
+            const data = fs.readFileSync(path.join(root, 'yarnrc.yml'));
+            fs.appendFileSync(path.join(root, '.yarnrc.yml'), '\n' + data);
+            fs.unlinkSync(path.join(root, 'yarnrc.yml'));
+        } else {
+            fs.renameSync(path.join(root, 'yarnrc.yml'), path.join(root, '.yarnrc.yml'), []);
+        }
+        // 删除旧的 .yarnrc 文件（如果存在）
+        const oldYarnrcPath = path.join(root, 'yarnrc');
+        if (fs.existsSync(oldYarnrcPath)) {
+            fs.unlinkSync(oldYarnrcPath);
+        }
+    } else {
+        // Yarn 1.x 使用 .yarnrc
+        const yarnrcExists = fs.existsSync(path.join(root, '.yarnrc'));
+        if (yarnrcExists) {
+            const data = fs.readFileSync(path.join(root, 'yarnrc'));
+            fs.appendFileSync(path.join(root, '.yarnrc'), data);
+            fs.unlinkSync(path.join(root, 'yarnrc'));
+        } else {
+            fs.renameSync(path.join(root, 'yarnrc'), path.join(root, '.yarnrc'), []);
+        }
+        // 删除 .yarnrc.yml 文件（如果存在）
+        const yarnrcYmlPath = path.join(root, 'yarnrc.yml');
+        if (fs.existsSync(yarnrcYmlPath)) {
+            fs.unlinkSync(yarnrcYmlPath);
+        }
+    }
+
+    const gitignoreExists = fs.existsSync(path.join(root, '.gitignore'));
+    if (gitignoreExists) {
+        const data = fs.readFileSync(path.join(root, 'gitignore'));
+        fs.appendFileSync(path.join(root, '.gitignore'), data);
+        fs.unlinkSync(path.join(root, 'gitignore'));
+    } else {
+        // 重命名 gitignore
+        // See: https://github.com/npm/npm/issues/1862
+        fs.renameSync(path.join(root, 'gitignore'), path.join(root, '.gitignore'), []);
+    }
+
+    console.log(`初始化 git \n\n`);
+    child_process.spawnSync('git init', { stdio: 'ignore' });
+
+    console.log(`${appName} 创建完成 \n\n 路径：${chalk.green(root)}\n\n`);
+    console.log(`构建工具: ${chalk.cyan(isVite ? 'Vite' : 'Webpack')}\n`);
+    if (packages.length > 0) {
+        console.log(`已添加的包: ${chalk.cyan(packages.join(', '))}\n`);
+    }
+    console.log(`进入目录: ${chalk.blue(`cd ${projectName}`)}`);
+    console.log(`安装依赖: ${chalk.blue(`npm install`)}\n\n`);
+}
+
+createProject().catch(err => {
+    console.error(chalk.red('创建项目失败:'), err);
+    process.exit(1);
+});