@jackie_qian/create-vue-app 1.0.2 → 1.0.4

package/dist/utils/util.js

@@ -1,25 +1,30 @@
 import { spawnSync } from "node:child_process";
 import { promises as fs } from "node:fs";
 import path from "node:path";
+function quoteCmdArg(arg) {
+  if (!arg) return '""';
+  if (!/[ \t\n\v"]/g.test(arg)) return arg;
+  return `"${arg.replaceAll('"', '\\"')}"`;
+}
+function toCmdCommandLine(cmd, args) {
+  return [cmd, ...args].map(quoteCmdArg).join(" ");
+}
 function spawnSyncCrossPlatform(cmd, args, options) {
-  let result = spawnSync(cmd, args, options);
-  if (process.platform !== "win32") return result;
-  const code = result.error?.code;
-  if (code !== "ENOENT") return result;
-  const base = path.basename(cmd);
-  const hasPathSeparators = cmd.includes("/") || cmd.includes("\\");
-  const hasExtension = /\.[a-z0-9]+$/i.test(base);
-  if (hasPathSeparators || hasExtension) return result;
-  result = spawnSync(`${cmd}.cmd`, args, options);
-  if (result.error?.code === "ENOENT")
-    result = spawnSync(`${cmd}.exe`, args, options);
-  return result;
+  if (process.platform === "win32") {
+    const comspec = process.env.comspec || "cmd.exe";
+    const commandLine = toCmdCommandLine(cmd, args);
+    const winOptions = { ...options, windowsHide: true };
+    return spawnSync(comspec, ["/d", "/s", "/c", commandLine], winOptions);
+  }
+  return spawnSync(cmd, args, options);
 }
 export function runCapture(cmd, args, cwd) {
   const result = spawnSyncCrossPlatform(cmd, args, { cwd, encoding: "utf8" });
   if (result.status !== 0) {
     const detail = result.error ? `: ${result.error.message}` : "";
-    throw new Error(`${cmd} ${args.join(" ")} 执行失败${detail}`);
+    const stderr = `${result.stderr ?? ""}`.trim();
+    const stderrBlock = stderr ? `\n${stderr}` : "";
+    throw new Error(`${cmd} ${args.join(" ")} 执行失败${detail}${stderrBlock}`);
   }
   return `${result.stdout ?? ""}`.trim();
 }
@@ -192,8 +197,8 @@ export function runCreateVue(flags, cwd) {
     return;
   } catch {}
   try {
-    run("npm", ["create", "vue@latest", ...flags], cwd);
+    run("npm", ["create", "vue@latest", "--", ...flags], cwd);
     return;
   } catch {}
-  run("npx", ["--yes", "create-vue@latest", ...flags], cwd);
+  run("npx", ["--yes", "create-vue@latest", "--", ...flags], cwd);
 }

package/package.json

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

package/dist/templates.js

@@ -1,435 +0,0 @@
-export function renderViteConfigJs(featureSet) {
-  const usePages = featureSet.has("pages");
-  const useAutoImport = featureSet.has("autoImport");
-  const useComponents = featureSet.has("components");
-  const useUno = featureSet.has("unocss");
-  const useVant = featureSet.has("vant");
-  const useElementPlus = featureSet.has("elementPlus");
-  const externalImports = [];
-  externalImports.push({
-    source: "@vitejs/plugin-vue",
-    line: `import vue from '@vitejs/plugin-vue'`,
-  });
-  externalImports.push({
-    source: "vite",
-    line: `import { defineConfig } from 'vite'`,
-  });
-  externalImports.push({
-    source: "vite-plugin-vue-devtools",
-    line: `import vueDevTools from 'vite-plugin-vue-devtools'`,
-  });
-  if (useVant)
-    externalImports.push({
-      source: "@vant/auto-import-resolver",
-      line: `import { VantResolver } from '@vant/auto-import-resolver'`,
-    });
-  if (useUno)
-    externalImports.push({
-      source: "unocss/vite",
-      line: `import UnoCSS from 'unocss/vite'`,
-    });
-  if (useAutoImport)
-    externalImports.push({
-      source: "unplugin-auto-import/vite",
-      line: `import AutoImport from 'unplugin-auto-import/vite'`,
-    });
-  if (useElementPlus)
-    externalImports.push({
-      source: "unplugin-vue-components/resolvers",
-      line: `import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'`,
-    });
-  if (useComponents)
-    externalImports.push({
-      source: "unplugin-vue-components/vite",
-      line: `import Components from 'unplugin-vue-components/vite'`,
-    });
-  if (usePages)
-    externalImports.push({
-      source: "vite-plugin-pages",
-      line: `import Pages from 'vite-plugin-pages'`,
-    });
-  externalImports.sort((a, b) => a.source.localeCompare(b.source));
-  const importLines = [
-    `import { fileURLToPath, URL } from 'node:url'`,
-    ...externalImports.map((i) => i.line),
-  ];
-  const plugins = [];
-  const resolverItems = [];
-  if (useVant) resolverItems.push("VantResolver()");
-  if (useElementPlus) resolverItems.push("ElementPlusResolver()");
-  const resolvers = resolverItems.length
-    ? `[${resolverItems.join(", ")}]`
-    : "[]";
-  if (usePages) {
-    plugins.push(`Pages({
-      dirs: 'src/views',
-      extensions: ['vue', 'ts'],
-      importMode: 'async'
-    })`);
-  }
-  if (useComponents) {
-    plugins.push(`Components({
-      resolvers: ${resolvers},
-      dts: 'src/types/components.d.ts',
-      dirs: ['src/components']
-    })`);
-  }
-  if (useAutoImport) {
-    const imports = featureSet.has("pinia") ? `['vue', 'pinia']` : `['vue']`;
-    plugins.push(`AutoImport({
-      resolvers: ${resolvers},
-      imports: ${imports},
-      dts: 'src/types/auto-import.d.ts',
-      dirs: ['src/hooks'],
-      vueTemplate: true
-    })`);
-  }
-  if (useUno) plugins.push(`UnoCSS()`);
-  plugins.push(`vue()`);
-  plugins.push(`vueDevTools()`);
-  return `${importLines.join("\n")}
-
-// https://vite.dev/config/
-export default defineConfig({
-  plugins: [
-    ${plugins.join(",\n    ")}
-  ],
-  resolve: {
-    alias: {
-      '@': fileURLToPath(new URL('./src', import.meta.url))
-    }
-  }
-})
-`;
-}
-export function renderViteConfig(language, featureSet) {
-  if (language === "js") return renderViteConfigJs(featureSet);
-  const isTs = true;
-  const usePages = featureSet.has("pages");
-  const useAutoImport = featureSet.has("autoImport");
-  const useComponents = featureSet.has("components");
-  const useVant = featureSet.has("vant");
-  const useElementPlus = featureSet.has("elementPlus");
-  const useUno = featureSet.has("unocss");
-  const useEslint = featureSet.has("eslintAntfu");
-  const externalImports = [];
-  externalImports.push({
-    source: "@vitejs/plugin-vue",
-    line: `import vue from '@vitejs/plugin-vue'`,
-  });
-  externalImports.push({
-    source: "vite",
-    line: `import { defineConfig } from 'vite'`,
-  });
-  if (useVant)
-    externalImports.push({
-      source: "@vant/auto-import-resolver",
-      line: `import { VantResolver } from '@vant/auto-import-resolver'`,
-    });
-  if (useUno)
-    externalImports.push({
-      source: "unocss/vite",
-      line: `import UnoCSS from 'unocss/vite'`,
-    });
-  if (useAutoImport)
-    externalImports.push({
-      source: "unplugin-auto-import/vite",
-      line: `import AutoImport from 'unplugin-auto-import/vite'`,
-    });
-  if (useElementPlus)
-    externalImports.push({
-      source: "unplugin-vue-components/resolvers",
-      line: `import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'`,
-    });
-  if (useComponents)
-    externalImports.push({
-      source: "unplugin-vue-components/vite",
-      line: `import Components from 'unplugin-vue-components/vite'`,
-    });
-  if (usePages)
-    externalImports.push({
-      source: "vite-plugin-pages",
-      line: `import Pages from 'vite-plugin-pages'`,
-    });
-  externalImports.sort((a, b) => a.source.localeCompare(b.source));
-  const importLines = [
-    `import { fileURLToPath, URL } from 'node:url'`,
-    ...externalImports.map((i) => i.line),
-  ];
-  const plugins = [];
-  if (usePages) {
-    const dirs = isTs ? "src/pages" : "src/views";
-    const extensions = isTs ? `['vue', 'ts']` : `['vue', 'js']`;
-    plugins.push(
-      `Pages({ dirs: '${dirs}', extensions: ${extensions}, importMode: 'async' })`,
-    );
-  }
-  const resolverItems = [];
-  if (useVant) resolverItems.push("VantResolver()");
-  if (useElementPlus) resolverItems.push("ElementPlusResolver()");
-  const resolvers = resolverItems.length
-    ? `[${resolverItems.join(", ")}]`
-    : `[]`;
-  if (useAutoImport) {
-    const imports = ["vue"];
-    if (featureSet.has("router")) imports.push("vue-router");
-    if (featureSet.has("pinia")) imports.push("pinia");
-    const eslintrc = useEslint ? `, eslintrc: { enabled: true }` : "";
-    plugins.push(
-      `AutoImport({ resolvers: ${resolvers}, imports: ${JSON.stringify(imports)}, dts: 'src/types/auto-import.d.ts', vueTemplate: true${eslintrc} })`,
-    );
-  }
-  if (useComponents) {
-    plugins.push(
-      `Components({ resolvers: ${resolvers}, dts: 'src/types/components.d.ts' })`,
-    );
-  }
-  if (useUno) plugins.push(`UnoCSS()`);
-  plugins.push("vue()");
-  return `${importLines.join("\n")}
-
-export default defineConfig({
-  plugins: [
-    ${plugins.join(",\n    ")}
-  ],
-  resolve: {
-    alias: {
-      '@': fileURLToPath(new URL('./src', import.meta.url))
-    }
-  }
-})
-`;
-}
-export function renderUnoConfig(language) {
-  return `import { defineConfig, presetAttributify, presetWind3, transformerDirectives } from 'unocss'
-
-export default defineConfig({
-  presets: [
-    presetAttributify(),
-    presetWind3()
-  ],
-  transformers: [
-    transformerDirectives()
-  ],
-  layers: {
-    components: -1,
-    default: 1,
-    utilities: 2
-  }
-})
-`;
-}
-export function renderVsCodeSettings() {
-  return `{
-  "eslint.useFlatConfig": true,
-  "prettier.enable": false,
-  "editor.formatOnSave": false,
-  "editor.codeActionsOnSave": {
-    "source.fixAll.eslint": "explicit",
-    "source.fixAll.stylelint": "explicit",
-    "source.organizeImports": "never"
-  },
-  "stylelint.validate": [
-    "css",
-    "postcss",
-    "scss",
-    "vue"
-  ],
-  "eslint.validate": [
-    "javascript",
-    "typescript",
-    "vue",
-    "html",
-    "markdown",
-    "json",
-    "jsonc",
-    "yaml"
-  ],
-  "css.lint.unknownAtRules": "ignore",
-  "scss.lint.unknownAtRules": "ignore",
-  "scss.lint.unknownProperties": "ignore",
-  "cSpell.enabled": false
-}
-`;
-}
-export function renderEditorConfig() {
-  return `root = true
-
-[*]
-charset = utf-8
-indent_style = space
-indent_size = 2
-end_of_line = lf
-trim_trailing_whitespace = true
-insert_final_newline = true
-
-[*.md]
-max_line_length = off
-trim_trailing_whitespace = false
-`;
-}
-export function renderEnv(title) {
-  return `# 页面标题
-VITE_APP_TITLE = ${title}
-
-# 接口请求地址，会设置到 axios 的 baseURL 参数上
-VITE_APP_API_BASEURL = /
-`;
-}
-export function renderJsConfig() {
-  return `{
-  "compilerOptions": {
-    "target": "ESNext",
-    "baseUrl": "./",
-    "module": "ESNext",
-    "moduleResolution": "Bundler",
-    "paths": {
-      "@/*": ["src/*"]
-    },
-    "allowJs": true
-  },
-  "include": ["src/*.js", "src/**/*.js", "src/**/*.vue", "src/**/*.d.ts"],
-  "exclude": ["node_modules"]
-}
-`;
-}
-export function renderMainJs(featureSet) {
-  const lines = [];
-  lines.push(`import { createApp } from 'vue'`);
-  lines.push("");
-  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("vant")) lines.push(`import 'vant/lib/index.css'`);
-  if (featureSet.has("elementPlus"))
-    lines.push(`import 'element-plus/dist/index.css'`);
-  if (featureSet.has("sassEmbedded"))
-    lines.push(`import './assets/styles/main.scss'`);
-  lines.push("");
-  lines.push(`const app = createApp(App)`);
-  lines.push("");
-  if (featureSet.has("router")) lines.push(`app.use(router)`);
-  if (featureSet.has("pinia")) lines.push(`app.use(Pinia)`);
-  lines.push("");
-  lines.push(`app.mount('#app')`);
-  lines.push("");
-  return `${lines.join("\n")}`;
-}
-export function renderRouter(language, usePages) {
-  const ext = language === "ts" ? "ts" : "js";
-  if (usePages) {
-    return {
-      fileName: `src/router/index.${ext}`,
-      content: `import { createRouter, createWebHistory } from 'vue-router'
-import routes from '~pages'
-
-const router = createRouter({
-  history: createWebHistory(),
-  routes
-})
-
-export default router
-`,
-    };
-  }
-  const importRoutes = `import IndexView from '../views/index.vue'`;
-  const routesDecl = `[
-    { name: 'Index', path: '/', component: IndexView }
-  ]`;
-  return {
-    fileName: `src/router/index.${ext}`,
-    content: `import { createRouter, createWebHistory } from 'vue-router'
-${importRoutes}
-
-const router = createRouter({
-  history: createWebHistory(),
-  routes: ${routesDecl}
-})
-
-export default router
-`,
-  };
-}
-export function renderStore(language, persisted) {
-  const ext = language === "ts" ? "ts" : "js";
-  const lines = [];
-  lines.push(`import { createPinia } from 'pinia'`);
-  if (persisted)
-    lines.push(
-      `import { createPersistedState } from 'pinia-plugin-persistedstate'`,
-    );
-  lines.push("");
-  lines.push("const store = createPinia()");
-  if (persisted) lines.push("store.use(createPersistedState())");
-  lines.push("");
-  lines.push("export default store");
-  lines.push("");
-  return {
-    fileName: `src/stores/index.${ext}`,
-    content: `${lines.join("\n")}`,
-  };
-}
-export function renderHomeView() {
-  return `<template>
-  <div class="page">
-    <h1>Home</h1>
-  </div>
-</template>
-`;
-}
-export function renderPagesIndex() {
-  return `<template>
-  <div class="page">
-    <h1>Home</h1>
-  </div>
-</template>
-`;
-}
-export function renderAppWithRouter() {
-  return `<template>
-  <RouterView />
-</template>
-`;
-}
-export function patchMain(content, options) {
-  const mainImports = [];
-  const usesCreateApp = content.includes("createApp(");
-  if (!usesCreateApp) return content;
-  if (options.useUno && !content.includes("virtual:uno.css"))
-    mainImports.push(`import 'virtual:uno.css'`);
-  if (options.useVant && !content.includes("vant/lib/index.css"))
-    mainImports.push(`import 'vant/lib/index.css'`);
-  if (
-    options.useElementPlus &&
-    !content.includes("element-plus/dist/index.css")
-  )
-    mainImports.push(`import 'element-plus/dist/index.css'`);
-  if (options.useRouter && !content.includes("from './router'"))
-    mainImports.push(`import router from './router'`);
-  if (options.useStore && !content.includes("from './stores'"))
-    mainImports.push(`import store from './stores'`);
-  const importBlock = mainImports.length ? `${mainImports.join("\n")}\n` : "";
-  const useBlock = [
-    options.useStore ? "app.use(store)" : "",
-    options.useRouter ? "app.use(router)" : "",
-  ]
-    .filter(Boolean)
-    .join("\n");
-  const withUse = useBlock ? `\n${useBlock}\n` : "\n";
-  const replaced = content.replace(
-    /import\s+\{\s*createApp\s*\}\s+from\s+'vue'\s*\n/,
-    (match) => `${match}${importBlock}`,
-  );
-  if (useBlock) {
-    return replaced
-      .replace(/app\.mount\('#app'\)\s*\n?/, `app.mount('#app')\n`)
-      .replace(
-        /const\s+app\s*=\s*createApp\(App\)\s*\n([\s\S]*?)app\.mount\('#app'\)/,
-        (m, between) => {
-          if (between.includes("app.use(")) return m;
-          return m.replace("app.mount('#app')", `${withUse}app.mount('#app')`);
-        },
-      );
-  }
-  return replaced;
-}