create-vite-vue 1.8.0 → 2.1.0

package/bin/index.js

@@ -1,69 +1,82 @@
-#!/usr/bin/env node
+#!/usr/bin/env node
+// bin/index.js
 import fs from 'fs'
 import path from 'path'
 import { fileURLToPath } from 'url'
 
 // === 导入模块 ===
-import { parseExtraPlugins, parseFeatures } from '../lib/features.js'
-import { generateMainFile } from '../lib/mainFile.js'
+import { cleanMainFile } from '../lib/cleanMain.js'
+import { parsePlugins } from '../lib/features.js'
 import { generatePackageJson } from '../lib/package.js'
 import { setupPlugins } from '../lib/plugins/index.js'
 import { askAutoRoute, askRunDev, chooseFeatures, chooseLanguage, getProjectName } from '../lib/prompts.js'
-import { copyBaseTemplate, copyOptionalTemplates, updateIndexHtml } from '../lib/template.js'
+import { copyBaseTemplate, updateIndexHtml } from '../lib/template.js'
 import { checkNodeVersion, detectPackageManager, runCmd } from '../lib/utils.js'
 
-// ===================== 常量 =====================
-const requiredVersion = '22.19.0'
 const __filename = fileURLToPath(import.meta.url)
 const __dirname = path.dirname(__filename)
-const pkgManager = detectPackageManager()
-
-const pkgCommands = {
-  npm: { install: 'npm install', dev: 'npm run dev' },
-  pnpm: { install: 'pnpm install', dev: 'pnpm dev' }
-}
+const requiredVersion = '22.19.0'
 
   // ===================== 主流程 =====================
   ; (async () => {
+    // 1. 检查 Node 版本
     checkNodeVersion(requiredVersion)
 
+    // 2. 获取项目名称
     const projectName = await getProjectName(fs, path)
     const targetDir = path.resolve(process.cwd(), projectName)
 
+    // 3. 选择语言
     const language = await chooseLanguage()
+
+    // 4. 选择功能
     const featureList = await chooseFeatures()
-    const features = parseFeatures(featureList)
-    const extraPlugins = parseExtraPlugins(featureList)
 
-    const autoRoute = await askAutoRoute(features.router)
-    const enableHttps = featureList.includes('https') || false
+    // 5. 解析插件
+    const plugins = parsePlugins(featureList)
+    const enableHttps = plugins.https
+
+    // 6. 询问自动路由
+    const autoRoute = await askAutoRoute(plugins.router)
+
+    // 7. 询问是否运行 dev
+    const pkgManager = detectPackageManager()
+    const pkgCommands = {
+      npm: { install: 'npm install', dev: 'npm run dev' },
+      pnpm: { install: 'pnpm install', dev: 'pnpm dev' }
+    }
     const runDev = await askRunDev(pkgCommands[pkgManager].dev)
 
-    // 模板文件处理
-    copyBaseTemplate(language, targetDir, __dirname)
-    updateIndexHtml(projectName, targetDir)
-    copyOptionalTemplates(features, extraPlugins, language, targetDir, __dirname)
+    // 8. 复制基础模板
+    await copyBaseTemplate(language, targetDir, __dirname)
+
+    // 9. 更新 index.html
+    await updateIndexHtml(projectName, targetDir)
 
-    // 配置插件
-    setupPlugins(features, extraPlugins, {
+    // 10. 配置插件，并获取已使用的占位符
+    const unusedPlaceholders = await setupPlugins(plugins, {
       language,
       targetDir,
       autoRoute,
-      enableHttps
+      enableHttps,
+      __dirname
     })
 
-    // 生成 main 文件
-    await generateMainFile(features, extraPlugins, language, targetDir)
+    // 11. 清理 main 文件中未使用的占位符
+    await cleanMainFile(language, targetDir, unusedPlaceholders)
 
-    // package.json
-    generatePackageJson(projectName, features, extraPlugins, autoRoute, enableHttps, language, targetDir, pkgManager)
+    // 12. 生成 package.json
+    await generatePackageJson(projectName, plugins, autoRoute, enableHttps, language, targetDir, pkgManager)
 
-    // 安装依赖
+    // 13. 安装依赖
+    console.log('\n📦 正在安装依赖...')
     runCmd(pkgCommands[pkgManager].install, targetDir)
 
-    // 启动 dev 或提示完成
-    if(runDev) runCmd(pkgCommands[pkgManager].dev, targetDir)
-    else {
+    // 14. 启动 dev 或提示完成
+    if(runDev) {
+      console.log('\n🚀 启动开发服务器...')
+      runCmd(pkgCommands[pkgManager].dev, targetDir)
+    } else {
       console.log(`\n✅ 项目创建完成`)
       console.log(`👉 cd ${projectName}`)
       console.log(`👉 ${pkgCommands[pkgManager].dev}`)

package/lib/cleanMain.js

@@ -0,0 +1,36 @@
+// lib/cleanMain.js
+import { existsSync } from 'fs'
+import fs from 'fs/promises'
+import path from 'path'
+
+export async function cleanMainFile (language, targetDir, unusedPlaceholders) {
+  const mainFile = language === 'ts' ? 'main.ts' : 'main.js'
+  const mainPath = path.join(targetDir, `src/${mainFile}`)
+
+  if(!existsSync(mainPath)) {
+    console.log('  ⚠️ main 文件不存在，跳过清理')
+    return
+  }
+
+  let content = await fs.readFile(mainPath, 'utf-8')
+
+  // 直接删除所有未使用的占位符
+  const allUnused = [...unusedPlaceholders.import, ...unusedPlaceholders.use]
+
+  for(const placeholder of allUnused) {
+    const regex = new RegExp(`^\\s*${escapeRegExp(placeholder)}\\s*$\\n?`, 'gm')
+    content = content.replace(regex, '')
+  }
+
+  // 清理多余空行
+  content = content.replace(/\n{3,}/g, '\n\n')
+  content = content.replace(/^\n+/, '')
+  content = content.replace(/\n+$/, '\n')
+
+  await fs.writeFile(mainPath, content)
+  console.log('  🧹 已清理未使用的占位符')
+}
+
+function escapeRegExp (str) {
+  return str.replace(/[.*+?^${}()|[\]\\]/g, '\\$&')
+}

package/lib/features.js

@@ -1,13 +1,25 @@
 // lib/features.js
-export function parseFeatures (featureList) {
+export function parsePlugins (featureList) {
   return {
+    // 核心插件
     router: featureList.includes('router'),
     pinia: featureList.includes('pinia'),
     axios: featureList.includes('axios'),
-    ui: featureList.filter(v => ['element', 'vant'].includes(v))
-  }
-}
 
-export function parseExtraPlugins (featureList) {
-  return featureList.filter(v => ['vueuse', 'lodash', 'dayjs', 'tailwind', 'mitt', 'https'].includes(v))
+    // UI 插件
+    elementPlus: featureList.includes('element'),
+    vant: featureList.includes('vant'),
+
+    // 工具插件
+    vueuse: featureList.includes('vueuse'),
+    lodash: featureList.includes('lodash'),
+    dayjs: featureList.includes('dayjs'),
+    mitt: featureList.includes('mitt'),
+
+    // 样式插件
+    tailwind: featureList.includes('tailwind'),
+
+    // 开发工具
+    https: featureList.includes('https')
+  }
 }

package/lib/package.js

@@ -1,45 +1,57 @@
 // lib/package.js
-import fs from 'fs'
+import { existsSync } from 'fs'
+import fs from 'fs/promises'
 import path from 'path'
+export async function generatePackageJson (projectName, plugins, autoRoute, enableHttps, language, targetDir, pkgManager) {
+  const pkgPath = path.join(targetDir, 'package.json')
 
-export function generatePackageJson (projectName, features, extraPlugins, autoRoute, enableHttps, language, targetDir, pkgManager) {
-  const pkgTpl = path.join(targetDir, 'package.json.tpl')
-  if(!fs.existsSync(pkgTpl)) return
-  let pkg = fs.readFileSync(pkgTpl, 'utf-8')
+  if(!existsSync(pkgPath)) {
+    throw new Error(`package.json 不存在: ${pkgPath}`)
+  }
+
+  let pkgContent = await fs.readFile(pkgPath, 'utf-8')
 
   const optionalDeps = {}
-  if(features.router) optionalDeps['vue-router'] = '^5.0.3'
-  if(features.pinia) {
+
+  if(plugins.router) optionalDeps['vue-router'] = '^5.0.3'
+  if(plugins.pinia) {
     optionalDeps['pinia'] = '^3.0.4'
     optionalDeps['pinia-plugin-persistedstate'] = '^4.7.1'
   }
-  if(features.axios) optionalDeps['axios'] = '^1.13.6'
-  if(features.ui.includes('element')) {
+  if(plugins.axios) optionalDeps['axios'] = '^1.13.6'
+  if(plugins.elementPlus) {
     optionalDeps['element-plus'] = '^2.13.5'
     optionalDeps['@element-plus/icons-vue'] = '^2.3.2'
   }
-  if(features.ui.includes('vant')) optionalDeps['vant'] = '^4.9.22'
-  if(extraPlugins.includes('vueuse')) optionalDeps['@vueuse/core'] = '^14.2.1'
-  if(extraPlugins.includes('dayjs')) optionalDeps['dayjs'] = '^1.11.20'
-  if(extraPlugins.includes('lodash')) optionalDeps['lodash'] = '^4.17.23'
-  if(extraPlugins.includes('tailwind')) {
+  if(plugins.vant) optionalDeps['vant'] = '^4.9.22'
+  if(plugins.vueuse) optionalDeps['@vueuse/core'] = '^14.2.1'
+  if(plugins.dayjs) optionalDeps['dayjs'] = '^1.11.20'
+  if(plugins.lodash) optionalDeps['lodash'] = '^4.17.23'
+  if(plugins.tailwind) {
     optionalDeps['tailwindcss'] = '^4.2.2'
     optionalDeps['@tailwindcss/postcss'] = '^4.2.2'
     optionalDeps['postcss'] = '^8.5.8'
   }
-  if(extraPlugins.includes('mitt')) optionalDeps['mitt'] = '^3.0.1'
+  if(plugins.mitt) optionalDeps['mitt'] = '^3.0.1'
   if(enableHttps) optionalDeps['vite-plugin-mkcert'] = '^1.17.10'
   if(autoRoute) optionalDeps['vite-plugin-pages'] = '^0.33.3'
 
-  const keys = Object.keys(optionalDeps)
-  const depsStr = keys.length ? ',\n' + keys.map(k => `    "${k}": "${optionalDeps[k]}"`).join(',\n') : ''
-  pkg = pkg.replace('__PROJECT_NAME__', projectName).replace('__OPTIONAL_DEP__', depsStr)
+  const depsKeys = Object.keys(optionalDeps)
+  let depsStr = ''
+
+  if(depsKeys.length > 0) {
+    depsStr = ',\n' + depsKeys.map(k => `    "${k}": "${optionalDeps[k]}"`).join(',\n')
+  }
+
+  pkgContent = pkgContent.replace('__PROJECT_NAME__', projectName)
+  pkgContent = pkgContent.replace('__OPTIONAL_DEP__', depsStr)
+
+  const pkgObj = JSON.parse(pkgContent)
 
-  const pkgObj = JSON.parse(pkg)
-  if(pkgManager === 'pnpm' && features.ui.includes('vant')) {
+  if(pkgManager === 'pnpm' && plugins.vant) {
     pkgObj.pnpm = { overrides: { "@vant/use": "^1.0.0", "@vant/popperjs": "^1.0.0" } }
   }
 
-  fs.writeFileSync(path.join(targetDir, 'package.json'), JSON.stringify(pkgObj, null, 2))
-  fs.unlinkSync(pkgTpl)
+  await fs.writeFile(pkgPath, JSON.stringify(pkgObj, null, 2))
+  console.log('  ✅ package.json 生成完成')
 }

package/lib/plugins/autoRoute.js

@@ -1,18 +1,18 @@
 // lib/plugins/autoRoute.js
-import fs from 'fs'
+import { existsSync } from 'fs'
+import fs from 'fs/promises'
 import path from 'path'
 
-export function setupAutoRoute (language, targetDir) {
-  setupRouter(language, targetDir)
-  setupVite(language, targetDir)
-}
+export async function setupAutoRoute (language, targetDir) {
+  console.log('  🚀 配置自动路由...')
 
-// ================= router =================
-function setupRouter (language, targetDir) {
-  const routerIndexPath = path.join(
-    targetDir,
-    `src/router/index.${language === 'ts' ? 'ts' : 'js'}`
-  )
+  // 修改 router/index 文件
+  const routerIndexPath = path.join(targetDir, `src/router/index.${language === 'ts' ? 'ts' : 'js'}`)
+
+  // 确保文件存在
+  if(!existsSync(routerIndexPath)) {
+    throw new Error(`router/index.js 不存在，请确保已选择 Router 插件且模板复制成功`)
+  }
 
   const content = `import { createRouter, createWebHistory } from 'vue-router'
 import routes from '~pages'
@@ -21,34 +21,28 @@ routes.unshift({ path: '/', redirect: '/home' })
 
 export default createRouter({ history: createWebHistory(), routes })`
 
-  fs.writeFileSync(routerIndexPath, content)
-}
+  await fs.writeFile(routerIndexPath, content)
+  console.log('    ✅ router/index.js 已更新')
 
-// ================= vite =================
-function setupVite (language, targetDir) {
-  const viteConfigPath = path.join(
-    targetDir,
-    `vite.config.${language === 'ts' ? 'ts' : 'js'}`
-  )
+  // 修改 vite.config
+  const viteConfigPathTs = path.join(targetDir, 'vite.config.ts')
+  const viteConfigPathJs = path.join(targetDir, 'vite.config.js')
+  const viteConfigPath = existsSync(viteConfigPathTs) ? viteConfigPathTs : viteConfigPathJs
 
-  if(!fs.existsSync(viteConfigPath)) return
+  if(!viteConfigPath || !existsSync(viteConfigPath)) {
+    throw new Error(`vite.config 文件不存在`)
+  }
 
-  let viteConfig = fs.readFileSync(viteConfigPath, 'utf-8')
+  let viteConfig = await fs.readFile(viteConfigPath, 'utf-8')
 
-  // import fs
   if(!viteConfig.includes("import fs from 'fs'")) {
     viteConfig = `import fs from 'fs'\n${viteConfig}`
   }
 
-  // import Pages
   if(!viteConfig.includes("vite-plugin-pages")) {
-    viteConfig = viteConfig.replace(
-      /(import .*?from .*?\n)/,
-      `$1import Pages from 'vite-plugin-pages'\n`
-    )
+    viteConfig = viteConfig.replace(/(import .*?from .*?\n)/, `$1import Pages from 'vite-plugin-pages'\n`)
   }
 
-  // 插件注入
   if(!viteConfig.includes("Pages({")) {
     viteConfig = viteConfig.replace(
       /plugins:\s*\[/,
@@ -75,5 +69,6 @@ function setupVite (language, targetDir) {
     )
   }
 
-  fs.writeFileSync(viteConfigPath, viteConfig)
+  await fs.writeFile(viteConfigPath, viteConfig)
+  console.log('    ✅ vite.config 已更新')
 }

package/lib/plugins/axios.js

@@ -0,0 +1,19 @@
+// lib/plugins/axios.js
+import { existsSync } from 'fs'
+import fs from 'fs/promises'
+import path from 'path'
+
+export async function setupAxios (language, targetDir, __dirname) {
+  console.log('  🌐 配置 Axios...')
+
+  // 复制模板
+  const axiosTemplate = language === 'ts' ? 'axios-ts' : 'axios-js'
+  const templatePath = path.resolve(__dirname, `../template/${axiosTemplate}`)
+
+  if(!existsSync(templatePath)) {
+    throw new Error(`模板不存在: ${templatePath}`)
+  }
+
+  await fs.cp(templatePath, targetDir, { recursive: true })
+  console.log('    ✅ Axios 模板复制完成')
+}

package/lib/plugins/elementPlus.js

@@ -0,0 +1,28 @@
+// lib/plugins/elementPlus.js
+import { existsSync } from 'fs'
+import fs from 'fs/promises'
+import path from 'path'
+
+export async function setupElementPlus (language, targetDir, __dirname) {
+  console.log('  🎨 配置 Element Plus...')
+
+  // 修改 main 文件
+  const mainFile = language === 'ts' ? 'main.ts' : 'main.js'
+  const mainPath = path.join(targetDir, `src/${mainFile}`)
+
+  if(!existsSync(mainPath)) {
+    throw new Error(`main 文件不存在: ${mainPath}`)
+  }
+
+  let content = await fs.readFile(mainPath, 'utf-8')
+  content = content.replace(
+    '/* __ELEMENT_IMPORT__ */',
+    `import ElementPlus from 'element-plus'\nimport zhCn from 'element-plus/es/locale/lang/zh-cn'\nimport 'element-plus/dist/index.css'\nimport * as ElementPlusIconsVue from '@element-plus/icons-vue'`
+  )
+  content = content.replace(
+    '/* __ELEMENT_USE__ */',
+    `app.use(ElementPlus, { locale: zhCn })\nfor (const [key, component] of Object.entries(ElementPlusIconsVue)) {\n  app.component(key, component)\n}`
+  )
+  await fs.writeFile(mainPath, content)
+  console.log('    ✅ main 文件已更新')
+}

package/lib/plugins/https.js

@@ -1,38 +1,33 @@
 // lib/plugins/https.js
-import fs from 'fs'
+import { existsSync } from 'fs'
+import fs from 'fs/promises'
 import path from 'path'
 
-export function setupHttps (targetDir) {
+export async function setupHttps (targetDir) {
+  console.log('  🔐 配置 HTTPS...')
+
   const viteConfigPathTs = path.join(targetDir, 'vite.config.ts')
   const viteConfigPathJs = path.join(targetDir, 'vite.config.js')
+  const viteConfigPath = existsSync(viteConfigPathTs) ? viteConfigPathTs : viteConfigPathJs
 
-  const viteConfigPath = fs.existsSync(viteConfigPathTs)
-    ? viteConfigPathTs
-    : viteConfigPathJs
-
-  if(!viteConfigPath || !fs.existsSync(viteConfigPath)) return
+  if(!viteConfigPath || !existsSync(viteConfigPath)) {
+    throw new Error(`vite.config 文件不存在`)
+  }
 
-  let viteConfig = fs.readFileSync(viteConfigPath, 'utf-8')
+  let viteConfig = await fs.readFile(viteConfigPath, 'utf-8')
 
-  // ================== 1. 注入 import ==================
+  // 注入 import
   if(!viteConfig.includes("vite-plugin-mkcert")) {
-    viteConfig = viteConfig.replace(
-      /(import .*?from .*?\n)/,
-      `$1import mkcert from 'vite-plugin-mkcert'\n`
-    )
+    viteConfig = viteConfig.replace(/(import .*?from .*?\n)/, `$1import mkcert from 'vite-plugin-mkcert'\n`)
   }
 
-  // ================== 2. 注入插件 ==================
+  // 注入插件
   if(!viteConfig.includes('mkcert()')) {
-    viteConfig = viteConfig.replace(
-      /plugins:\s*\[/,
-      `plugins: [\n    mkcert(),`
-    )
+    viteConfig = viteConfig.replace(/plugins:\s*\[/, `plugins: [\n    mkcert(),`)
   }
 
-  fs.writeFileSync(viteConfigPath, viteConfig)
-
-  // ================== 3. 提示 ==================
+  await fs.writeFile(viteConfigPath, viteConfig)
+  console.log('    ✅ vite.config 已更新')
   console.log('🔐 已启用 HTTPS（mkcert）')
   console.log('👉 首次运行会自动生成本地证书，请稍等...')
 }

package/lib/plugins/index.js

@@ -1,23 +1,71 @@
 // lib/plugins/index.js
 import { setupAutoRoute } from './autoRoute.js'
+import { setupAxios } from './axios.js'
+import { setupElementPlus } from './elementPlus.js'
 import { setupHttps } from './https.js'
+import { setupPinia } from './pinia.js'
+import { setupRouter } from './router.js'
 import { setupTailwind } from './tailwind.js'
+import { setupVant } from './vant.js'
 
-export function setupPlugins (features, extraPlugins, context) {
-  const { language, targetDir, autoRoute, enableHttps } = context
+export async function setupPlugins (plugins, context) {
+  const { language, targetDir, autoRoute, enableHttps, __dirname } = context
+
+  // 收集未使用的占位符
+  const unusedPlaceholders = {
+    import: [],
+    use: []
+  }
+
+  console.log('\n🔌 配置插件...')
+
+  // Router
+  if(plugins.router) {
+    await setupRouter(language, targetDir, __dirname)
+    if(autoRoute) await setupAutoRoute(language, targetDir)
+  } else {
+    unusedPlaceholders.import.push('/* __ROUTER_IMPORT__ */')
+    unusedPlaceholders.use.push('/* __ROUTER_USE__ */')
+  }
+
+  // Pinia
+  if(plugins.pinia) {
+    await setupPinia(language, targetDir, __dirname)
+  } else {
+    unusedPlaceholders.import.push('/* __PINIA_IMPORT__ */')
+    unusedPlaceholders.use.push('/* __PINIA_USE__ */')
+  }
+
+  // Element Plus
+  if(plugins.elementPlus) {
+    await setupElementPlus(language, targetDir, __dirname)
+  } else {
+    unusedPlaceholders.import.push('/* __ELEMENT_IMPORT__ */')
+    unusedPlaceholders.use.push('/* __ELEMENT_USE__ */')
+  }
+
+  // Vant
+  if(plugins.vant) {
+    await setupVant(language, targetDir, __dirname)
+  } else {
+    unusedPlaceholders.import.push('/* __VANT_IMPORT__ */')
+    unusedPlaceholders.use.push('/* __VANT_USE__ */')
+  }
+
+  // Axios
+  if(plugins.axios) {
+    await setupAxios(language, targetDir, __dirname)
+  }
 
   // Tailwind
-  if(extraPlugins.includes('tailwind')) {
-    setupTailwind(targetDir)
+  if(plugins.tailwind) {
+    await setupTailwind(language, targetDir, __dirname)
   }
 
   // HTTPS
-  if(enableHttps) {
-    setupHttps(targetDir)
+  if(plugins.https) {
+    await setupHttps(targetDir)
   }
 
-  // 自动路由
-  if(features.router && autoRoute) {
-    setupAutoRoute(language, targetDir)
-  }
+  return unusedPlaceholders
 }

package/lib/plugins/pinia.js

@@ -0,0 +1,36 @@
+// lib/plugins/pinia.js
+import { existsSync } from 'fs'
+import fs from 'fs/promises'
+import path from 'path'
+
+export async function setupPinia (language, targetDir, __dirname) {
+  console.log('  📦 配置 Pinia...')
+
+  // 复制模板
+  const piniaTemplate = language === 'ts' ? 'pinia-ts' : 'pinia-js'
+  const templatePath = path.resolve(__dirname, `../template/${piniaTemplate}`)
+
+  if(!existsSync(templatePath)) {
+    throw new Error(`模板不存在: ${templatePath}`)
+  }
+
+  await fs.cp(templatePath, targetDir, { recursive: true })
+  console.log('    ✅ Pinia 模板复制完成')
+
+  // 修改 main 文件
+  const mainFile = language === 'ts' ? 'main.ts' : 'main.js'
+  const mainPath = path.join(targetDir, `src/${mainFile}`)
+
+  if(!existsSync(mainPath)) {
+    throw new Error(`main 文件不存在: ${mainPath}`)
+  }
+
+  let content = await fs.readFile(mainPath, 'utf-8')
+  content = content.replace(
+    '/* __PINIA_IMPORT__ */',
+    `import { createPinia } from 'pinia'\nimport persistedstate from 'pinia-plugin-persistedstate'`
+  )
+  content = content.replace('/* __PINIA_USE__ */', 'app.use(createPinia().use(persistedstate))')
+  await fs.writeFile(mainPath, content)
+  console.log('    ✅ main 文件已更新')
+}

package/lib/plugins/router.js

@@ -0,0 +1,32 @@
+// lib/plugins/router.js
+import { existsSync } from 'fs'
+import fs from 'fs/promises'
+import path from 'path'
+
+export async function setupRouter (language, targetDir, __dirname) {
+  console.log('  🛤️ 配置 Router...')
+
+  // 复制模板
+  const routerTemplate = language === 'ts' ? 'router-ts' : 'router-js'
+  const templatePath = path.resolve(__dirname, `../template/${routerTemplate}`)
+  if(!existsSync(templatePath)) {
+    throw new Error(`模板不存在: ${templatePath}`)
+  }
+
+  await fs.cp(templatePath, targetDir, { recursive: true })
+  console.log('    ✅ Router 模板复制完成')
+
+  // 修改 main 文件
+  const mainFile = language === 'ts' ? 'main.ts' : 'main.js'
+  const mainPath = path.join(targetDir, `src/${mainFile}`)
+
+  if(!existsSync(mainPath)) {
+    throw new Error(`main 文件不存在: ${mainPath}`)
+  }
+
+  let content = await fs.readFile(mainPath, 'utf-8')
+  content = content.replace('/* __ROUTER_IMPORT__ */', "import router from './router'")
+  content = content.replace('/* __ROUTER_USE__ */', 'app.use(router)')
+  await fs.writeFile(mainPath, content)
+  console.log('    ✅ main 文件已更新')
+}

package/lib/plugins/tailwind.js

@@ -1,14 +1,31 @@
 // lib/plugins/tailwind.js
-import fs from 'fs'
+import { existsSync } from 'fs'
+import fs from 'fs/promises'
 import path from 'path'
 
-export function setupTailwind (targetDir) {
-  const stylePath = path.join(targetDir, 'src/style.css')
-  if(!fs.existsSync(stylePath)) return
+export async function setupTailwind (language, targetDir, __dirname) {
+  console.log('  🎨 配置 Tailwind CSS...')
+
+  // 复制模板
+  const tailwindTemplate = language === 'ts' ? 'tailwind-ts' : 'tailwind-js'
+  const templatePath = path.resolve(__dirname, `../template/${tailwindTemplate}`)
+
+  if(!existsSync(templatePath)) {
+    throw new Error(`模板不存在: ${templatePath}`)
+  }
 
-  const original = fs.readFileSync(stylePath, 'utf-8')
+  await fs.cp(templatePath, targetDir, { recursive: true })
+  console.log('    ✅ Tailwind 模板复制完成')
+
+  // 更新 style.css
+  const stylePath = path.join(targetDir, 'src/style.css')
+  if(!existsSync(stylePath)) {
+    throw new Error(`style.css 不存在: ${stylePath}`)
+  }
 
+  const original = await fs.readFile(stylePath, 'utf-8')
   if(!original.includes('@import "tailwindcss";')) {
-    fs.writeFileSync(stylePath, `@import "tailwindcss";\n${original}`)
+    await fs.writeFile(stylePath, `@import "tailwindcss";\n${original}`)
+    console.log('    ✅ style.css 已更新')
   }
 }

package/lib/plugins/vant.js

@@ -0,0 +1,25 @@
+// lib/plugins/vant.js
+import { existsSync } from 'fs'
+import fs from 'fs/promises'
+import path from 'path'
+
+export async function setupVant (language, targetDir, __dirname) {
+  console.log('  📱 配置 Vant...')
+
+  // 修改 main 文件
+  const mainFile = language === 'ts' ? 'main.ts' : 'main.js'
+  const mainPath = path.join(targetDir, `src/${mainFile}`)
+
+  if(!existsSync(mainPath)) {
+    throw new Error(`main 文件不存在: ${mainPath}`)
+  }
+
+  let content = await fs.readFile(mainPath, 'utf-8')
+  content = content.replace(
+    '/* __VANT_IMPORT__ */',
+    `import Vant from 'vant'\nimport 'vant/lib/index.css'`
+  )
+  content = content.replace('/* __VANT_USE__ */', 'app.use(Vant)')
+  await fs.writeFile(mainPath, content)
+  console.log('    ✅ main 文件已更新')
+}

package/lib/prompts.js

@@ -37,7 +37,7 @@ export async function chooseFeatures () {
   const { featureList } = await prompts({
     type: 'multiselect',
     name: 'featureList',
-    message: '请选择基础功能（↑↓选择，空格确认，回车完成）',
+    message: '请选择功能（↑↓选择，空格确认，回车完成）',
     instructions: false,
     choices: [
       { title: 'Vue Router', value: 'router' },

package/lib/template.js

@@ -1,29 +1,43 @@
 // lib/template.js
-import fs from 'fs'
+import { existsSync } from 'fs'
+import fs from 'fs/promises'
 import path from 'path'
 
-export function copyBaseTemplate (language, targetDir, __dirname) {
+export async function copyBaseTemplate (language, targetDir, __dirname) {
   const baseTemplate = language === 'ts' ? 'base-ts' : 'base-js'
-  fs.cpSync(path.resolve(__dirname, `../template/${baseTemplate}`), targetDir, { recursive: true })
-}
+  const templatePath = path.resolve(__dirname, '../template', baseTemplate)
 
-export function updateIndexHtml (projectName, targetDir) {
-  const indexPath = path.join(targetDir, 'index.html')
-  if(!fs.existsSync(indexPath)) return
-  const indexContent = fs.readFileSync(indexPath, 'utf-8')
-  fs.writeFileSync(indexPath, indexContent.replace(/<title>.*<\/title>/, `<title>${projectName}</title>`))
-}
+  if(!existsSync(templatePath)) {
+    throw new Error(`基础模板不存在: ${templatePath}`)
+  }
 
-export function copyOptionalTemplates (features, extraPlugins, language, targetDir, __dirname) {
-  const copy = name => {
-    fs.cpSync(path.resolve(__dirname, `../template/${name}`), targetDir, { recursive: true })
+  // 复制整个模板目录
+  await fs.cp(templatePath, targetDir, { recursive: true })
+
+  // 重命名 main 文件（去掉 .tpl 后缀）
+  const mainTplPath = path.join(targetDir, `src/main.${language === 'ts' ? 'ts' : 'js'}.tpl`)
+  const mainPath = path.join(targetDir, `src/main.${language === 'ts' ? 'ts' : 'js'}`)
+
+  if(existsSync(mainTplPath)) {
+    await fs.rename(mainTplPath, mainPath)
   }
-  features.router && copy(language === 'ts' ? 'router-ts' : 'router-js')
-  features.pinia && copy(language === 'ts' ? 'pinia-ts' : 'pinia-js')
-  features.axios && copy(language === 'ts' ? 'axios-ts' : 'axios-js')
-  for(const plugin of extraPlugins) {
-    const templateName = `${plugin}-${language === 'ts' ? 'ts' : 'js'}`
-    const templatePath = path.resolve(__dirname, `../template/${templateName}`)
-    if(fs.existsSync(templatePath)) copy(templateName)
+
+  // 重命名 package.json（去掉 .tpl 后缀）
+  const pkgTplPath = path.join(targetDir, 'package.json.tpl')
+  const pkgPath = path.join(targetDir, 'package.json')
+
+  if(existsSync(pkgTplPath)) {
+    await fs.rename(pkgTplPath, pkgPath)
   }
+
+  console.log('  ✅ 基础模板复制完成')
+}
+
+export async function updateIndexHtml (projectName, targetDir) {
+  const indexPath = path.join(targetDir, 'index.html')
+  if(!existsSync(indexPath)) return
+
+  const indexContent = await fs.readFile(indexPath, 'utf-8')
+  await fs.writeFile(indexPath, indexContent.replace(/<title>.*<\/title>/, `<title>${projectName}</title>`))
+  console.log('  ✅ index.html 更新完成')
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-vite-vue",
-  "version": "1.8.0",
+  "version": "2.1.0",
   "description": "基于Vite+Vue3创建基础项目模板",
   "main": "index.js",
   "author": "YwaiX",
@@ -22,6 +22,13 @@
     "pinia",
     "axios"
   ],
+  "files": [
+    "bin/",
+    "lib/",
+    "template/",
+    "package.json",
+    "README.md"
+  ],
   "dependencies": {
     "prompts": "^2.4.2"
   }

package/lib/mainFile.js

@@ -1,48 +0,0 @@
-// lib/mainFile.js
-import fs from 'fs'
-import path from 'path'
-
-export async function generateMainFile (features, extraPlugins, language, targetDir) {
-  const mainFile = language === 'ts' ? 'main.ts' : 'main.js'
-  const mainTplPath = path.join(targetDir, `src/${mainFile}.tpl`)
-  if(!fs.existsSync(mainTplPath)) return
-  let main = fs.readFileSync(mainTplPath, 'utf-8')
-
-  const replacements = {
-    '/* __ROUTER_IMPORT__ */': features.router ? "import router from './router'" : '',
-    '/* __PINIA_IMPORT__ */': features.pinia ? "import { createPinia } from 'pinia'\nimport persistedstate from 'pinia-plugin-persistedstate'" : '',
-    '/* __ELEMENT_IMPORT__ */': features.ui.includes('element')
-      ? `import ElementPlus from 'element-plus'
-import zhCn from 'element-plus/es/locale/lang/zh-cn'
-import 'element-plus/dist/index.css'
-import * as ElementPlusIconsVue from '@element-plus/icons-vue'`
-      : '',
-    '/* __VANT_IMPORT__ */': features.ui.includes('vant')
-      ? `import Vant from 'vant'
-import 'vant/lib/index.css'`
-      : '',
-    '/* __ROUTER_USE__ */': features.router ? 'app.use(router)' : '',
-    '/* __PINIA_USE__ */': features.pinia ? 'app.use(createPinia().use(persistedstate))' : '',
-    '/* __ELEMENT_USE__ */': features.ui.includes('element')
-      ? `app.use(ElementPlus, { locale: zhCn })
-for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
-  app.component(key, component)
-}` : '',
-    '/* __VANT_USE__ */': features.ui.includes('vant') ? 'app.use(Vant)' : ''
-  }
-
-  function escapeRegExp (str) {
-    return str.replace(/[.*+?^${}()|[\]\\]/g, '\\$&')
-  }
-
-  for(const [placeholder, content] of Object.entries(replacements)) {
-    if(content) main = main.replace(placeholder, content)
-    else main = main.replace(new RegExp(`^\\s*${escapeRegExp(placeholder)}\\s*$\\n?`, 'gm'), '')
-  }
-
-  main = main.replace(/(\s*)const app = createApp\(App\)/, '\n\n$1const app = createApp(App)')
-  main = main.replace(/\n{3,}/g, '\n\n')
-
-  fs.writeFileSync(path.join(targetDir, `src/${mainFile}`), main)
-  fs.unlinkSync(mainTplPath)
-}