create-vee-vue 1.0.0 → 1.0.1

package/bin/index.js

@@ -1,4 +1,5 @@
 import { Command } from "commander";
+import { input, select } from "@inquirer/prompts";
 import fs from "node:fs";
 import path from "node:path";
 import { fileURLToPath } from "node:url";
@@ -7,33 +8,138 @@ const __dirname = path.dirname(fileURLToPath(import.meta.url));
 
 const program = new Command();
 
+function normalizePackageName(name) {
+  return (
+    name
+      .trim()
+      .toLowerCase()
+      // 空格和下划线替换为 -
+      .replace(/[\s_]+/g, "-")
+      // 移除不允许的字符
+      .replace(/[^a-z0-9.-]/g, "")
+      // 连续的 - 合并为一个
+      .replace(/-+/g, "-")
+      // 移除开头和结尾的 -
+      .replace(/^-+|-+$/g, "")
+      // npm 包名不能以 . 开头
+      .replace(/^\.+/, "")
+  );
+}
+
+function updatePackageName(targetDir, projectName) {
+  const packageJsonPath = path.join(targetDir, "package.json");
+
+  // 读取 package.json
+  const packageJsonContent = fs.readFileSync(packageJsonPath, "utf-8");
+
+  // JSON 字符串转换成 JavaScript 对象
+  const packageJson = JSON.parse(packageJsonContent);
+
+  // 修改项目名称
+  packageJson.name = projectName;
+
+  // 将对象转换成 JSON 字符串并写入文件
+  fs.writeFileSync(
+    packageJsonPath,
+    JSON.stringify(packageJson, null, 2) + "\n",
+    "utf-8",
+  );
+}
+
 program
   .name("create-vee-vue")
   .description("Create a Vue 3 project using my template")
-  .argument("<project-name>", "项目名称")
-  .action((projectName) => {
-    // 用户要创建的项目目录
+  .version("1.0.0");
+
+// 项目名称改为可选参数
+program.argument("[project-name]", "项目名称").action(async (projectName) => {
+  try {
+    // 1. 用户没有输入项目名称时，弹出输入框
+    if (!projectName) {
+      projectName = await input({
+        message: "Project name:",
+        default: "my-vue-app",
+        validate(value) {
+          if (!value.trim()) {
+            return "项目名称不能为空";
+          }
+
+          const packageName = normalizePackageName(value);
+
+          if (!packageName) {
+            return "请输入有效的项目名称";
+          }
+
+          if (packageName.length > 214) {
+            return "项目名称不能超过 214 个字符";
+          }
+
+          return true;
+        },
+      });
+    }
+
+    // 去除项目名称首尾空格
+    projectName = projectName.trim();
+
+    // 生成合法的 npm 包名称
+    const packageName = normalizePackageName(projectName);
+
+    // 2. 选择项目模板
+    const templateName = await select({
+      message: "Select a template:",
+      choices: [
+        {
+          name: "Vue 3 + TypeScript",
+          value: "vue-ts",
+        },
+      ],
+    });
+
+    // 3. 计算项目路径
     const targetDir = path.resolve(process.cwd(), projectName);
 
-    // CLI 内部的 Vue 模板目录
-    const templateDir = path.resolve(__dirname, "../templates/vue-ts");
+    // 4. 计算模板路径
+    const templateDir = path.resolve(__dirname, "../templates", templateName);
 
-    // 判断项目目录是否存在
+    // 5. 检查项目目录是否存在
     if (fs.existsSync(targetDir)) {
       console.error(`目录已存在：${targetDir}`);
-      process.exit(1);
+      process.exitCode = 1;
+      return;
+    }
+
+    // 6. 检查模板是否存在
+    if (!fs.existsSync(templateDir)) {
+      console.error(`模板不存在：${templateDir}`);
+      process.exitCode = 1;
+      return;
     }
 
-    // 复制整个 Vue 模板
+    // 7. 复制模板
+    console.log(`Scaffolding project in ${projectName}...`);
+
     fs.cpSync(templateDir, targetDir, {
       recursive: true,
     });
 
-    console.log("Vue 项目创建成功！");
+    updatePackageName(targetDir, packageName);
+
     console.log("");
-    console.log(`cd ${projectName}`);
-    console.log("pnpm install");
-    console.log("pnpm dev");
-  });
+    console.log("Done!");
+    console.log("");
+    console.log(`  cd ${projectName}`);
+    console.log("  pnpm install");
+    console.log("  pnpm dev");
+  } catch (error) {
+    if (error.name === "AbortPromptError") {
+      console.log("\n取消创建项目");
+      return;
+    }
+
+    console.error(error);
+    process.exitCode = 1;
+  }
+});
 
-program.parse();
+program.parseAsync();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-vee-vue",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "My custom Vue 3 scaffolding",
   "type": "module",
   "bin": {
@@ -14,6 +14,7 @@
     "dev": "node ./bin/index.js"
   },
   "dependencies": {
+    "@inquirer/prompts": "^8.7.5",
     "commander": "^14.0.0"
   }
 }