@jackie_qian/create-vue-app 1.0.6 → 1.0.8

package/dist/cli.js

@@ -32,6 +32,7 @@ import {
   renderEnv,
   renderHomeView,
   renderPagesIndex,
+  renderProjectStructureFiles,
   renderRouter,
   renderStore,
   renderUnoConfig,
@@ -139,24 +140,27 @@ export async function main() {
     if (features.has("router")) features.add("pages");
     features.add("autoImport");
     features.add("components");
-    packageManager = await select({
-      message:
-        "Which package manager will you use? (Vue 3.6 beta requires version overrides that differ per package manager)",
-      options: [...PACKAGE_MANAGER_OPTIONS],
-      initialValue: "pnpm",
-    });
-    if (isCancel(packageManager)) exitWithCancel();
     const installDepsRaw = await confirm({
-      message: `生成后是否自动安装依赖（${packageManager} install）？`,
+      message: "生成后是否自动安装依赖？",
       initialValue: true,
     });
     if (isCancel(installDepsRaw)) exitWithCancel();
     installDeps = Boolean(installDepsRaw);
+    if (installDeps) {
+      packageManager = await select({
+        message: "您将使用哪个包管理器？",
+        options: [...PACKAGE_MANAGER_OPTIONS],
+        initialValue: "pnpm",
+      });
+      if (isCancel(packageManager)) exitWithCancel();
+    } else {
+      packageManager = "pnpm";
+    }
   }
   const cwd = process.cwd();
   const targetDir = path.resolve(cwd, projectName);
   const s = spinner();
-  s.start("生成基础项目");
+  s.start("生成基础项目中");
   try {
     await ensureEmptyDir(targetDir);
     const flags = ["--bare", "--force"];
@@ -165,13 +169,112 @@ export async function main() {
     if (features.has("pinia")) flags.push("--pinia");
     if (flags.length === 2) flags.push("--default");
     runCreateVue([...flags, projectName], cwd);
-    s.stop("基础项目已生成");
-  } catch (e) {
-    s.stop("生成失败");
-    throw e;
-  }
-  if (language === "js") {
-    await applyExampleTemplateJs(targetDir, projectName, features);
+    if (language === "js") {
+      await applyExampleTemplateJs(targetDir, projectName, features);
+      await writeFileEnsureDir(
+        path.join(targetDir, ".vscode/settings.json"),
+        renderVsCodeSettings(),
+      );
+      await writeFileEnsureDir(
+        path.join(targetDir, ".vscode/extensions.json"),
+        renderVsCodeExtensions(language, features),
+      );
+      await writeEslintConfig(targetDir, language, features);
+      await writeStylelintConfig(targetDir, features);
+      const baseFiles = renderProjectStructureFiles("js");
+      for (const f of baseFiles)
+        await writeFileEnsureDir(path.join(targetDir, f.fileName), f.content);
+      if (installDeps) {
+        const s2 = spinner();
+        s2.start("安装依赖");
+        try {
+          const { cmd, args } = installCommand(packageManager);
+          run(cmd, args, targetDir);
+          s2.stop("依赖已安装");
+        } catch (e) {
+          s2.stop("依赖安装失败");
+          throw e;
+        }
+      }
+      s.stop("基础项目已生成");
+      const nextSteps = installDeps
+        ? `\n  cd ${projectName}\n  ${devCommand(packageManager)}`
+        : `\n  cd ${projectName}\n\n  pnpm install\n  pnpm dev\n\n  或\n\n  npm install\n  npm run dev`;
+      outro(
+        `${pc.green("完成")}：${pc.cyan(projectName)}\n\n${pc.dim("下一步：")}${nextSteps}`,
+      );
+      return;
+    }
+    const projectPkgPath = path.join(targetDir, "package.json");
+    const pkg = await loadPackageJson(projectPkgPath);
+    pkg.name = pkg.name || projectName;
+    if (features.has("router"))
+      addDep(pkg.dependencies, "vue-router", "^4.5.1");
+    if (features.has("pinia")) addDep(pkg.dependencies, "pinia", "^3.0.3");
+    if (features.has("piniaPersist"))
+      addDep(pkg.dependencies, "pinia-plugin-persistedstate", "^4.2.0");
+    if (features.has("vant")) addDep(pkg.dependencies, "vant", "^4.9.22");
+    if (features.has("elementPlus"))
+      addDep(pkg.dependencies, "element-plus", "^2.7.6");
+    if (features.has("pages"))
+      addDep(pkg.devDependencies, "vite-plugin-pages", "^0.33.0");
+    if (features.has("autoImport"))
+      addDep(pkg.devDependencies, "unplugin-auto-import", "^0.19.0");
+    if (features.has("components"))
+      addDep(pkg.devDependencies, "unplugin-vue-components", "^0.28.0");
+    if (features.has("vant"))
+      addDep(pkg.devDependencies, "@vant/auto-import-resolver", "^1.3.0");
+    if (features.has("unocss")) {
+      addDep(pkg.devDependencies, "unocss", "^0.64.0");
+      addDep(pkg.devDependencies, "@unocss/eslint-plugin", "^0.64.0");
+    }
+    if (features.has("eslintAntfu")) {
+      addDep(pkg.devDependencies, "eslint", "^9.0.0");
+      addDep(pkg.devDependencies, "@antfu/eslint-config", "^4.0.0");
+    }
+    if (features.has("stylelint")) {
+      addDep(pkg.devDependencies, "stylelint", "^16.0.0");
+      addDep(pkg.devDependencies, "@stylistic/stylelint-config", "^3.0.0");
+      addDep(pkg.devDependencies, "stylelint-config-recess-order", "^6.0.0");
+      addDep(pkg.devDependencies, "stylelint-config-standard-scss", "^14.0.0");
+      addDep(pkg.devDependencies, "stylelint-config-standard-vue", "^1.0.0");
+      addDep(pkg.devDependencies, "stylelint-scss", "^6.0.0");
+    }
+    if (features.has("gitHooks")) {
+      addDep(pkg.devDependencies, "simple-git-hooks", "^2.11.1");
+      addDep(pkg.devDependencies, "lint-staged", "^15.2.0");
+    }
+    if (features.has("sassEmbedded"))
+      addDep(pkg.devDependencies, "sass-embedded", "^1.77.0");
+    if (features.has("eslintAntfu") && features.has("stylelint")) {
+      addDep(pkg.devDependencies, "npm-run-all2", "^7.0.2");
+      pkg.scripts.lint = "npm-run-all -s lint:eslint lint:stylelint";
+      pkg.scripts["lint:eslint"] = "eslint --fix";
+      pkg.scripts["lint:stylelint"] =
+        'stylelint "src/**/*.{css,scss,vue}" --fix';
+    } else if (features.has("eslintAntfu")) {
+      pkg.scripts.lint = "eslint";
+      pkg.scripts["lint:fix"] = "eslint --fix";
+    } else if (features.has("stylelint")) {
+      pkg.scripts.lint = "stylelint";
+      pkg.scripts["lint:stylelint"] =
+        'stylelint "src/**/*.{css,scss,vue}" --fix';
+    }
+    if (features.has("gitHooks")) {
+      pkg.scripts.prepare = "simple-git-hooks";
+      pkg["simple-git-hooks"] = {
+        "pre-commit": "pnpm lint-staged",
+        preserveUnused: true,
+      };
+      pkg["lint-staged"] = { "*.{js,ts,vue}": "pnpm lint" };
+    }
+    await finalizePackageJson(pkg, targetDir);
+    await writePackageJson(projectPkgPath, pkg);
+    const viteConfigPath = path.join(targetDir, "vite.config.ts");
+    await writeFileEnsureDir(
+      viteConfigPath,
+      renderViteConfig(language, features),
+    );
     await writeFileEnsureDir(
       path.join(targetDir, ".vscode/settings.json"),
       renderVsCodeSettings(),
@@ -180,8 +283,70 @@ export async function main() {
       path.join(targetDir, ".vscode/extensions.json"),
       renderVsCodeExtensions(language, features),
     );
+    await writeFileEnsureDir(
+      path.join(targetDir, ".editorconfig"),
+      renderEditorConfig(),
+    );
+    await writeFileEnsureDir(
+      path.join(targetDir, ".env.development"),
+      renderEnv(projectName),
+    );
+    await writeFileEnsureDir(
+      path.join(targetDir, ".env.production"),
+      renderEnv(projectName),
+    );
+    await patchTsconfigApp(targetDir);
+    if (features.has("unocss")) {
+      const unoPath = path.join(targetDir, "uno.config.ts");
+      await writeFileEnsureDir(unoPath, renderUnoConfig(language));
+    }
+    const mainPath = path.join(targetDir, "src/main.ts");
+    const appPath = path.join(targetDir, "src/App.vue");
+    if (features.has("router")) {
+      const router = renderRouter(language, features.has("pages"));
+      await writeFileEnsureDir(
+        path.join(targetDir, router.fileName),
+        router.content,
+      );
+      await writeFileEnsureDir(appPath, renderAppWithRouter());
+      if (features.has("pages")) {
+        const pagesDir = "src/pages";
+        await writeFileEnsureDir(
+          path.join(targetDir, pagesDir, "index.vue"),
+          renderPagesIndex(),
+        );
+        await updateTsconfigTypes(targetDir, ["vite-plugin-pages/client"]);
+      } else {
+        await writeFileEnsureDir(
+          path.join(targetDir, "src/views/HomeView.vue"),
+          renderHomeView(),
+        );
+      }
+    }
+    if (features.has("pinia")) {
+      const store = renderStore(language, features.has("piniaPersist"));
+      await writeFileEnsureDir(
+        path.join(targetDir, store.fileName),
+        store.content,
+      );
+      await ensureCounterStoreInModules(targetDir, language);
+    }
+    if (await pathExists(mainPath)) {
+      const mainRaw = await readTextFile(mainPath);
+      const patched = patchMain(mainRaw, {
+        useRouter: features.has("router"),
+        useStore: features.has("pinia"),
+        useVant: features.has("vant"),
+        useElementPlus: features.has("elementPlus"),
+        useUno: features.has("unocss"),
+      });
+      await writeTextFile(mainPath, patched);
+    }
     await writeEslintConfig(targetDir, language, features);
     await writeStylelintConfig(targetDir, features);
+    const baseFiles = renderProjectStructureFiles(language);
+    for (const f of baseFiles)
+      await writeFileEnsureDir(path.join(targetDir, f.fileName), f.content);
     if (installDeps) {
       const s2 = spinner();
       s2.start("安装依赖");
@@ -194,157 +359,15 @@ export async function main() {
         throw e;
       }
     }
+    s.stop("基础项目已生成");
+    const nextSteps = installDeps
+      ? `\n  cd ${projectName}\n  ${devCommand(packageManager)}`
+      : `\n  cd ${projectName}\n\n  pnpm install\n  pnpm dev\n\n  或\n\n  npm install\n  npm run dev`;
     outro(
-      `${pc.green("完成")}：${pc.cyan(projectName)}\n\n${pc.dim("下一步：")}\n  cd ${projectName}\n  ${devCommand(packageManager)}`,
-    );
-    return;
-  }
-  const projectPkgPath = path.join(targetDir, "package.json");
-  const pkg = await loadPackageJson(projectPkgPath);
-  pkg.name = pkg.name || projectName;
-  if (features.has("router")) addDep(pkg.dependencies, "vue-router", "^4.5.1");
-  if (features.has("pinia")) addDep(pkg.dependencies, "pinia", "^3.0.3");
-  if (features.has("piniaPersist"))
-    addDep(pkg.dependencies, "pinia-plugin-persistedstate", "^4.2.0");
-  if (features.has("vant")) addDep(pkg.dependencies, "vant", "^4.9.22");
-  if (features.has("elementPlus"))
-    addDep(pkg.dependencies, "element-plus", "^2.7.6");
-  if (features.has("pages"))
-    addDep(pkg.devDependencies, "vite-plugin-pages", "^0.33.0");
-  if (features.has("autoImport"))
-    addDep(pkg.devDependencies, "unplugin-auto-import", "^0.19.0");
-  if (features.has("components"))
-    addDep(pkg.devDependencies, "unplugin-vue-components", "^0.28.0");
-  if (features.has("vant"))
-    addDep(pkg.devDependencies, "@vant/auto-import-resolver", "^1.3.0");
-  if (features.has("unocss")) addDep(pkg.devDependencies, "unocss", "^0.64.0");
-  if (features.has("eslintAntfu")) {
-    addDep(pkg.devDependencies, "eslint", "^9.0.0");
-    addDep(pkg.devDependencies, "@antfu/eslint-config", "^4.0.0");
-  }
-  if (features.has("stylelint")) {
-    addDep(pkg.devDependencies, "stylelint", "^16.0.0");
-    addDep(pkg.devDependencies, "@stylistic/stylelint-config", "^3.0.0");
-    addDep(pkg.devDependencies, "stylelint-config-recess-order", "^6.0.0");
-    addDep(pkg.devDependencies, "stylelint-config-standard-scss", "^14.0.0");
-    addDep(pkg.devDependencies, "stylelint-config-standard-vue", "^1.0.0");
-    addDep(pkg.devDependencies, "stylelint-scss", "^6.0.0");
-  }
-  if (features.has("gitHooks")) {
-    addDep(pkg.devDependencies, "simple-git-hooks", "^2.11.1");
-    addDep(pkg.devDependencies, "lint-staged", "^15.2.0");
-  }
-  if (features.has("sassEmbedded"))
-    addDep(pkg.devDependencies, "sass-embedded", "^1.77.0");
-  if (features.has("eslintAntfu") && features.has("stylelint")) {
-    addDep(pkg.devDependencies, "npm-run-all2", "^7.0.2");
-    pkg.scripts.lint = "npm-run-all -s lint:eslint lint:stylelint";
-    pkg.scripts["lint:eslint"] = "eslint --fix";
-    pkg.scripts["lint:stylelint"] = 'stylelint "src/**/*.{css,scss,vue}" --fix';
-  } else if (features.has("eslintAntfu")) {
-    pkg.scripts.lint = "eslint";
-    pkg.scripts["lint:fix"] = "eslint --fix";
-  } else if (features.has("stylelint")) {
-    pkg.scripts.lint = "stylelint";
-    pkg.scripts["lint:stylelint"] = 'stylelint "src/**/*.{css,scss,vue}" --fix';
-  }
-  if (features.has("gitHooks")) {
-    pkg.scripts.prepare = "simple-git-hooks";
-    pkg["simple-git-hooks"] = {
-      "pre-commit": "pnpm lint-staged",
-      preserveUnused: true,
-    };
-    pkg["lint-staged"] = { "*.{js,ts,vue}": "pnpm lint" };
-  }
-  await finalizePackageJson(pkg, targetDir);
-  await writePackageJson(projectPkgPath, pkg);
-  const viteConfigPath = path.join(targetDir, "vite.config.ts");
-  await writeFileEnsureDir(
-    viteConfigPath,
-    renderViteConfig(language, features),
-  );
-  await writeFileEnsureDir(
-    path.join(targetDir, ".vscode/settings.json"),
-    renderVsCodeSettings(),
-  );
-  await writeFileEnsureDir(
-    path.join(targetDir, ".vscode/extensions.json"),
-    renderVsCodeExtensions(language, features),
-  );
-  await writeFileEnsureDir(
-    path.join(targetDir, ".editorconfig"),
-    renderEditorConfig(),
-  );
-  await writeFileEnsureDir(
-    path.join(targetDir, ".env.development"),
-    renderEnv(projectName),
-  );
-  await writeFileEnsureDir(
-    path.join(targetDir, ".env.production"),
-    renderEnv(projectName),
-  );
-  await patchTsconfigApp(targetDir);
-  if (features.has("unocss")) {
-    const unoPath = path.join(targetDir, "uno.config.ts");
-    await writeFileEnsureDir(unoPath, renderUnoConfig(language));
-  }
-  const mainPath = path.join(targetDir, "src/main.ts");
-  const appPath = path.join(targetDir, "src/App.vue");
-  if (features.has("router")) {
-    const router = renderRouter(language, features.has("pages"));
-    await writeFileEnsureDir(
-      path.join(targetDir, router.fileName),
-      router.content,
+      `${pc.green("完成")}：${pc.cyan(projectName)}\n\n${pc.dim("下一步：")}${nextSteps}`,
     );
-    await writeFileEnsureDir(appPath, renderAppWithRouter());
-    if (features.has("pages")) {
-      const pagesDir = "src/pages";
-      await writeFileEnsureDir(
-        path.join(targetDir, pagesDir, "index.vue"),
-        renderPagesIndex(),
-      );
-      await updateTsconfigTypes(targetDir, ["vite-plugin-pages/client"]);
-    } else {
-      await writeFileEnsureDir(
-        path.join(targetDir, "src/views/HomeView.vue"),
-        renderHomeView(),
-      );
-    }
-  }
-  if (features.has("pinia")) {
-    const store = renderStore(language, features.has("piniaPersist"));
-    await writeFileEnsureDir(
-      path.join(targetDir, store.fileName),
-      store.content,
-    );
-    await ensureCounterStoreInModules(targetDir, language);
-  }
-  if (await pathExists(mainPath)) {
-    const mainRaw = await readTextFile(mainPath);
-    const patched = patchMain(mainRaw, {
-      useRouter: features.has("router"),
-      useStore: features.has("pinia"),
-      useVant: features.has("vant"),
-      useElementPlus: features.has("elementPlus"),
-      useUno: features.has("unocss"),
-    });
-    await writeTextFile(mainPath, patched);
-  }
-  await writeEslintConfig(targetDir, language, features);
-  await writeStylelintConfig(targetDir, features);
-  if (installDeps) {
-    const s2 = spinner();
-    s2.start("安装依赖");
-    try {
-      const { cmd, args } = installCommand(packageManager);
-      run(cmd, args, targetDir);
-      s2.stop("依赖已安装");
-    } catch (e) {
-      s2.stop("依赖安装失败");
-      throw e;
-    }
+  } catch (e) {
+    s.stop("生成失败");
+    throw e;
   }
-  outro(
-    `${pc.green("完成")}：${pc.cyan(projectName)}\n\n${pc.dim("下一步：")}\n  cd ${projectName}\n  ${devCommand(packageManager)}`,
-  );
 }

package/dist/scaffold.js

@@ -18,6 +18,7 @@ import {
   renderRouter,
   renderStore,
   renderStylelintConfig,
+  renderUnoConfig,
   renderViteConfig,
 } from "./templates/index.js";
 export function getExampleTemplateDir() {
@@ -135,8 +136,10 @@ export async function applyExampleTemplateJs(targetDir, projectName, features) {
     ensureDep(pkg.devDependencies, "unplugin-auto-import", "^0.19.0");
   if (features.has("components"))
     ensureDep(pkg.devDependencies, "unplugin-vue-components", "^0.28.0");
-  if (features.has("unocss"))
+  if (features.has("unocss")) {
     ensureDep(pkg.devDependencies, "unocss", "^0.64.0");
+    ensureDep(pkg.devDependencies, "@unocss/eslint-plugin", "^0.64.0");
+  }
   if (features.has("eslintAntfu")) {
     ensureDep(pkg.devDependencies, "eslint", "^9.0.0");
     ensureDep(pkg.devDependencies, "@antfu/eslint-config", "^4.0.0");
@@ -177,7 +180,10 @@ export async function applyExampleTemplateJs(targetDir, projectName, features) {
     removeDep(pkg.devDependencies, "unplugin-vue-components");
   if (features.has("vant"))
     pkg.devDependencies["@vant/auto-import-resolver"] ??= "^1.3.0";
-  if (!features.has("unocss")) removeDep(pkg.devDependencies, "unocss");
+  if (!features.has("unocss")) {
+    removeDep(pkg.devDependencies, "unocss");
+    removeDep(pkg.devDependencies, "@unocss/eslint-plugin");
+  }
   if (!features.has("eslintAntfu")) {
     removeDep(pkg.devDependencies, "eslint");
     removeDep(pkg.devDependencies, "@antfu/eslint-config");
@@ -256,8 +262,14 @@ export async function applyExampleTemplateJs(targetDir, projectName, features) {
     path.join(targetDir, "jsconfig.json"),
     renderJsConfig(),
   );
-  if (!features.has("unocss"))
+  if (!features.has("unocss")) {
     await removePath(path.join(targetDir, "uno.config.js"));
+  } else {
+    await writeFileEnsureDir(
+      path.join(targetDir, "uno.config.js"),
+      renderUnoConfig("js"),
+    );
+  }
   if (!features.has("router")) {
     await removePath(path.join(targetDir, "src/router"));
     await writeFileEnsureDir(
@@ -295,7 +307,7 @@ export async function applyExampleTemplateJs(targetDir, projectName, features) {
   if (!features.has("components"))
     await removePath(path.join(targetDir, "src/types/components.d.ts"));
   if (!features.has("sassEmbedded"))
-    await removePath(path.join(targetDir, "src/assets/styles"));
+    await removePath(path.join(targetDir, "src/assets/styles/main.scss"));
 }
 export async function writeEslintConfig(targetDir, language, features) {
   if (!features.has("eslintAntfu")) return;

package/dist/templates/index.js

@@ -10,6 +10,7 @@ export {
 export { renderJsConfig } from "./renderJsConfig.js";
 export { renderMainJs } from "./renderMainJs.js";
 export { renderPagesIndex } from "./renderPagesIndex.js";
+export { renderProjectStructureFiles } from "./renderProjectStructure.js";
 export { renderRouter } from "./renderRouter.js";
 export { renderStore } from "./renderStore.js";
 export { renderStylelintConfig } from "./renderStylelintConfig.js";

package/dist/templates/renderMainJs.js

@@ -5,6 +5,7 @@ export function renderMainJs(featureSet) {
   lines.push(`import App from './App.vue'`);
   if (featureSet.has("router")) lines.push(`import Router from './router'`);
   if (featureSet.has("pinia")) lines.push(`import Pinia from './stores/index'`);
+  if (featureSet.has("unocss")) lines.push(`import 'virtual:uno.css'`);
   if (featureSet.has("vant")) lines.push(`import 'vant/lib/index.css'`);
   if (featureSet.has("elementPlus"))
     lines.push(`import 'element-plus/dist/index.css'`);

package/dist/templates/renderProjectStructure.js

@@ -0,0 +1,81 @@
+export function renderProjectStructureFiles(language) {
+  const ext = language === "ts" ? "ts" : "js";
+  const mainScss = `@use './reset.scss';
+@use './variables.scss';
+@use './mixins.scss';
+@use './components.scss';
+`;
+  const resetScss = `*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+html {
+  -webkit-text-size-adjust: 100%;
+}
+  
+html,
+body,
+#app {
+  height: 100%;
+}
+
+body {
+  line-height: 1.5;
+  margin: 0;
+  color: var(--color-text);
+  background: var(--color-bg);
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', 'Liberation Sans', sans-serif;
+}
+
+img,
+svg,
+video,
+canvas,
+audio,
+iframe,
+embed,
+object {
+  display: block;
+  max-width: 100%;
+}
+
+a {
+  color: inherit;
+  text-decoration: none;
+}
+`;
+  const variablesScss = `:root {
+  --color-text: #111827;
+  --color-bg: #ffffff;
+}
+
+@media (prefers-color-scheme: dark) {
+  :root {
+    --color-text: #f9fafb;
+    --color-bg: #0b1220;
+  }
+}
+`;
+  const mixinsScss = `@mixin ellipsis($lines: 1) {
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: $lines;
+}
+`;
+  const componentsScss = "// 此文件放置 UI 组件的样式";
+  return [
+    { fileName: `src/apis/index.${ext}`, content: "" },
+    { fileName: `src/constants/index.${ext}`, content: "" },
+    { fileName: `src/hooks/index.${ext}`, content: "" },
+    { fileName: "src/assets/icons/icon-1.png", content: "" },
+    { fileName: "src/assets/images/image-1.png", content: "" },
+    { fileName: "src/assets/styles/components.scss", content: componentsScss },
+    { fileName: "src/assets/styles/main.scss", content: mainScss },
+    { fileName: "src/assets/styles/reset.scss", content: resetScss },
+    { fileName: "src/assets/styles/variables.scss", content: variablesScss },
+    { fileName: "src/assets/styles/mixins.scss", content: mixinsScss },
+  ];
+}

package/dist/utils/util.js

@@ -28,6 +28,18 @@ export function runCapture(cmd, args, cwd) {
   }
   return `${result.stdout ?? ""}`.trim();
 }
+export function runCaptureOptional(cmd, args, cwd) {
+  const result = spawnSyncCrossPlatform(cmd, args, { cwd, encoding: "utf8" });
+  const stdout = `${result.stdout ?? ""}`.trim();
+  const stderr = `${result.stderr ?? ""}`.trim();
+  const output = [stdout, stderr].filter(Boolean).join("\n");
+  return {
+    ok: result.status === 0,
+    status: result.status,
+    errorMessage: result.error ? result.error.message : "",
+    output,
+  };
+}
 export function run(cmd, args, cwd) {
   const result = spawnSyncCrossPlatform(cmd, args, { cwd, stdio: "inherit" });
   if (result.status !== 0) {
@@ -192,13 +204,19 @@ export async function applyLatestStableRanges(pkg, cwd) {
   }
 }
 export function runCreateVue(flags, cwd) {
-  try {
-    run("pnpm", ["dlx", "create-vue@latest", ...flags], cwd);
-    return;
-  } catch {}
-  try {
-    run("npm", ["create", "vue@latest", "--", ...flags], cwd);
-    return;
-  } catch {}
-  run("npx", ["--yes", "create-vue@latest", "--", ...flags], cwd);
+  const attempts = [
+    { cmd: "pnpm", args: ["dlx", "create-vue@latest", ...flags] },
+    { cmd: "npm", args: ["create", "vue@latest", "--", ...flags] },
+    { cmd: "npx", args: ["--yes", "create-vue@latest", "--", ...flags] },
+  ];
+  const results = [];
+  for (const a of attempts) {
+    const r = runCaptureOptional(a.cmd, a.args, cwd);
+    results.push({ cmd: a.cmd, args: a.args, ...r });
+    if (r.ok) return;
+  }
+  const last = results[results.length - 1];
+  const detail = last.errorMessage ? `: ${last.errorMessage}` : "";
+  const out = last.output ? `\n\n${last.output}` : "";
+  throw new Error(`${last.cmd} ${last.args.join(" ")} 执行失败${detail}${out}`);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jackie_qian/create-vue-app",
-  "version": "1.0.6",
+  "version": "1.0.8",
   "type": "module",
   "description": "",
   "main": "dist/index.js",