create-vite-vue 2.0.0 → 2.1.0

package/bin/index.js

@@ -6,7 +6,7 @@ import { fileURLToPath } from 'url'
 
 // === 导入模块 ===
 import { cleanMainFile } from '../lib/cleanMain.js'
-import { parseExtraPlugins, parseFeatures } from '../lib/features.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'
@@ -32,13 +32,12 @@ const requiredVersion = '22.19.0'
     // 4. 选择功能
     const featureList = await chooseFeatures()
 
-    // 5. 解析功能
-    const features = parseFeatures(featureList)
-    const extraPlugins = parseExtraPlugins(featureList)
-    const enableHttps = featureList.includes('https') || false
+    // 5. 解析插件
+    const plugins = parsePlugins(featureList)
+    const enableHttps = plugins.https
 
     // 6. 询问自动路由
-    const autoRoute = await askAutoRoute(features.router)
+    const autoRoute = await askAutoRoute(plugins.router)
 
     // 7. 询问是否运行 dev
     const pkgManager = detectPackageManager()
@@ -55,7 +54,7 @@ const requiredVersion = '22.19.0'
     await updateIndexHtml(projectName, targetDir)
 
     // 10. 配置插件，并获取已使用的占位符
-    const unusedPlaceholders = await setupPlugins(features, extraPlugins, {
+    const unusedPlaceholders = await setupPlugins(plugins, {
       language,
       targetDir,
       autoRoute,
@@ -67,7 +66,7 @@ const requiredVersion = '22.19.0'
     await cleanMainFile(language, targetDir, unusedPlaceholders)
 
     // 12. 生成 package.json
-    await generatePackageJson(projectName, features, extraPlugins, autoRoute, enableHttps, language, targetDir, pkgManager)
+    await generatePackageJson(projectName, plugins, autoRoute, enableHttps, language, targetDir, pkgManager)
 
     // 13. 安装依赖
     console.log('\n📦 正在安装依赖...')

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

@@ -2,8 +2,7 @@
 import { existsSync } from 'fs'
 import fs from 'fs/promises'
 import path from 'path'
-
-export async function generatePackageJson (projectName, features, extraPlugins, autoRoute, enableHttps, language, targetDir, pkgManager) {
+export async function generatePackageJson (projectName, plugins, autoRoute, enableHttps, language, targetDir, pkgManager) {
   const pkgPath = path.join(targetDir, 'package.json')
 
   if(!existsSync(pkgPath)) {
@@ -12,33 +11,31 @@ export async function generatePackageJson (projectName, features, extraPlugins,
 
   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 depsKeys = Object.keys(optionalDeps)
   let depsStr = ''
 
@@ -46,15 +43,12 @@ export async function generatePackageJson (projectName, features, extraPlugins,
     depsStr = ',\n' + depsKeys.map(k => `    "${k}": "${optionalDeps[k]}"`).join(',\n')
   }
 
-  // 替换占位符
   pkgContent = pkgContent.replace('__PROJECT_NAME__', projectName)
   pkgContent = pkgContent.replace('__OPTIONAL_DEP__', depsStr)
 
-  // 解析并重新格式化 JSON
   const pkgObj = JSON.parse(pkgContent)
 
-  // pnpm 特殊配置
-  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" } }
   }
 

package/lib/plugins/index.js

@@ -8,7 +8,7 @@ import { setupRouter } from './router.js'
 import { setupTailwind } from './tailwind.js'
 import { setupVant } from './vant.js'
 
-export async function setupPlugins (features, extraPlugins, context) {
+export async function setupPlugins (plugins, context) {
   const { language, targetDir, autoRoute, enableHttps, __dirname } = context
 
   // 收集未使用的占位符
@@ -19,8 +19,8 @@ export async function setupPlugins (features, extraPlugins, context) {
 
   console.log('\n🔌 配置插件...')
 
-  // Router（先复制模板，再配置自动路由）
-  if(features.router) {
+  // Router
+  if(plugins.router) {
     await setupRouter(language, targetDir, __dirname)
     if(autoRoute) await setupAutoRoute(language, targetDir)
   } else {
@@ -29,7 +29,7 @@ export async function setupPlugins (features, extraPlugins, context) {
   }
 
   // Pinia
-  if(features.pinia) {
+  if(plugins.pinia) {
     await setupPinia(language, targetDir, __dirname)
   } else {
     unusedPlaceholders.import.push('/* __PINIA_IMPORT__ */')
@@ -37,7 +37,7 @@ export async function setupPlugins (features, extraPlugins, context) {
   }
 
   // Element Plus
-  if(features.ui.includes('element')) {
+  if(plugins.elementPlus) {
     await setupElementPlus(language, targetDir, __dirname)
   } else {
     unusedPlaceholders.import.push('/* __ELEMENT_IMPORT__ */')
@@ -45,7 +45,7 @@ export async function setupPlugins (features, extraPlugins, context) {
   }
 
   // Vant
-  if(features.ui.includes('vant')) {
+  if(plugins.vant) {
     await setupVant(language, targetDir, __dirname)
   } else {
     unusedPlaceholders.import.push('/* __VANT_IMPORT__ */')
@@ -53,17 +53,17 @@ export async function setupPlugins (features, extraPlugins, context) {
   }
 
   // Axios
-  if(features.axios) {
+  if(plugins.axios) {
     await setupAxios(language, targetDir, __dirname)
   }
 
   // Tailwind
-  if(extraPlugins.includes('tailwind')) {
+  if(plugins.tailwind) {
     await setupTailwind(language, targetDir, __dirname)
   }
 
   // HTTPS
-  if(enableHttps) {
+  if(plugins.https) {
     await setupHttps(targetDir)
   }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-vite-vue",
-  "version": "2.0.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/.vscode/settings.json

@@ -1,22 +0,0 @@
-{
-  "workbench.colorCustomizations": {
-    "activityBar.activeBackground": "#65c89b",
-    "activityBar.background": "#65c89b",
-    "activityBar.foreground": "#15202b",
-    "activityBar.inactiveForeground": "#15202b99",
-    "activityBarBadge.background": "#945bc4",
-    "activityBarBadge.foreground": "#e7e7e7",
-    "commandCenter.border": "#15202b99",
-    "sash.hoverBorder": "#65c89b",
-    "statusBar.background": "#42b883",
-    "statusBar.foreground": "#15202b",
-    "statusBarItem.hoverBackground": "#359268",
-    "statusBarItem.remoteBackground": "#42b883",
-    "statusBarItem.remoteForeground": "#15202b",
-    "titleBar.activeBackground": "#42b883",
-    "titleBar.activeForeground": "#15202b",
-    "titleBar.inactiveBackground": "#42b88399",
-    "titleBar.inactiveForeground": "#15202b99"
-  },
-  "peacock.color": "#42b883"
-}