create-vite-vue 1.5.2 → 1.5.4

package/README.md

@@ -145,6 +145,34 @@ npm run dev
 
 ---
 
+## 🟢 Node.js 版本管理（.nvmrc）
+
+项目根目录中包含一个 **`.nvmrc`** 文件，用于指定当前项目推荐使用的**Node.js 版本**。这样可以保证不同开发者或不同机器运行项目时使用一致的 Node环境，避免依赖问题。
+
+### 使用 nvm 切换 Node 版本
+
+如果你安装了 **nvm（Node Version Manager）**，进入项目目录后执行：
+
+``` bash
+nvm use
+```
+
+nvm 会自动读取 `.nvmrc` 文件中的 Node 版本并切换。
+
+### Windows 可能出现的问题
+
+在 **Windows PowerShell** 中，`nvm use` 有时不会自动读取`.nvmrc`，可能会报错或无法切换版本。
+
+如果出现这种情况，可以执行：
+
+``` powershell
+nvm use $(Get-Content .nvmrc)
+```
+
+该命令会读取 `.nvmrc` 文件内容并手动切换 Node 版本。
+
+---
+
 ## 🔧 常见需要调整的地方（具体文件示例）
 
 ### 1️⃣ 接口请求地址

package/bin/index.js

@@ -242,6 +242,11 @@ for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
       if(extraPlugins.includes('vueuse')) optionalDeps['@vueuse/core'] = '^14.2.1'
       if(extraPlugins.includes('dayjs')) optionalDeps['dayjs'] = '^1.11.19'
       if(extraPlugins.includes('lodash')) optionalDeps['lodash'] = '^4.17.23'
+      if(extraPlugins.includes('tailwind')) {
+        optionalDeps['tailwindcss'] = '^4.2.1'
+        optionalDeps['@tailwindcss/postcss'] = '^4.2.1'
+        optionalDeps['postcss'] = '^8.5.8'
+      }
       if(autoRoute) optionalDeps['vite-plugin-pages'] = '^0.33.3'
 
       let depsStr = ''
@@ -360,19 +365,63 @@ export default createRouter({
 
     // 1️⃣0️⃣ 安装依赖
     console.log('📦 安装依赖中...')
-    let installCmd = 'npm install'
 
-    if(extraPlugins.includes('tailwind')) {
-      installCmd += ' tailwindcss @tailwindcss/postcss postcss'
+    const pkgManager = detectPackageManager()
+
+    let installCmd = ''
+
+    if(pkgManager === 'pnpm') {
+      installCmd = 'pnpm install'
+    } else if(pkgManager === 'yarn') {
+      installCmd = 'yarn'
+    } else {
+      installCmd = 'npm install'
     }
 
     execSync(installCmd, { cwd: targetDir, stdio: 'inherit' })
 
+    const pkgCommands = {
+      npm: {
+        install: 'npm install',
+        dev: 'npm run dev'
+      },
+      yarn: {
+        install: 'yarn',
+        dev: 'yarn dev'
+      },
+      pnpm: {
+        install: 'pnpm install',
+        dev: 'pnpm dev'
+      },
+      bun: {
+        install: 'bun install',
+        dev: 'bun run dev'
+      }
+    }
+
     // 1️⃣1️⃣ 运行 dev
     if(runDev) {
       console.log('🚀 启动开发服务器...')
-      execSync('npm run dev', { cwd: targetDir, stdio: 'inherit' })
+      execSync(pkgCommands[pkgManager].dev, {
+        cwd: targetDir,
+        stdio: 'inherit'
+      })
     } else {
-      console.log(`\n✅ 项目创建完成\n👉 cd ${projectName}\n👉 npm run dev\n`)
+      console.log(`\n✅ 项目创建完成`)
+      console.log(`👉 cd ${projectName}`)
+      console.log(`👉 ${pkgCommands[pkgManager].dev}\n`)
     }
-  })()
+  })()
+
+function detectPackageManager () {
+  const userAgent = process.env.npm_config_user_agent || ''
+
+  if(userAgent.startsWith('pnpm')) return 'pnpm'
+  if(userAgent.startsWith('yarn')) return 'yarn'
+  if(userAgent.startsWith('npm')) return 'npm'
+
+  if(fs.existsSync('pnpm-lock.yaml')) return 'pnpm'
+  if(fs.existsSync('yarn.lock')) return 'yarn'
+
+  return 'npm'
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-vite-vue",
-  "version": "1.5.2",
+  "version": "1.5.4",
   "description": "基于Vite+Vue3创建基础项目模板",
   "main": "index.js",
   "author": "YwaiX",

package/template/base-js/.nvmrc

@@ -0,0 +1 @@
+v22.19.0

package/template/base-js/README.md

@@ -145,6 +145,34 @@ npm run dev
 
 ---
 
+## 🟢 Node.js 版本管理（.nvmrc）
+
+项目根目录中包含一个 **`.nvmrc`** 文件，用于指定当前项目推荐使用的**Node.js 版本**。这样可以保证不同开发者或不同机器运行项目时使用一致的 Node环境，避免依赖问题。
+
+### 使用 nvm 切换 Node 版本
+
+如果你安装了 **nvm（Node Version Manager）**，进入项目目录后执行：
+
+``` bash
+nvm use
+```
+
+nvm 会自动读取 `.nvmrc` 文件中的 Node 版本并切换。
+
+### Windows 可能出现的问题
+
+在 **Windows PowerShell** 中，`nvm use` 有时不会自动读取`.nvmrc`，可能会报错或无法切换版本。
+
+如果出现这种情况，可以执行：
+
+``` powershell
+nvm use $(Get-Content .nvmrc)
+```
+
+该命令会读取 `.nvmrc` 文件内容并手动切换 Node 版本。
+
+---
+
 ## 🔧 常见需要调整的地方（具体文件示例）
 
 ### 1️⃣ 接口请求地址

package/template/base-ts/.nvmrc

@@ -0,0 +1 @@
+v22.19.0

package/template/base-ts/README.md

@@ -145,6 +145,34 @@ npm run dev
 
 ---
 
+## 🟢 Node.js 版本管理（.nvmrc）
+
+项目根目录中包含一个 **`.nvmrc`** 文件，用于指定当前项目推荐使用的**Node.js 版本**。这样可以保证不同开发者或不同机器运行项目时使用一致的 Node环境，避免依赖问题。
+
+### 使用 nvm 切换 Node 版本
+
+如果你安装了 **nvm（Node Version Manager）**，进入项目目录后执行：
+
+``` bash
+nvm use
+```
+
+nvm 会自动读取 `.nvmrc` 文件中的 Node 版本并切换。
+
+### Windows 可能出现的问题
+
+在 **Windows PowerShell** 中，`nvm use` 有时不会自动读取`.nvmrc`，可能会报错或无法切换版本。
+
+如果出现这种情况，可以执行：
+
+``` powershell
+nvm use $(Get-Content .nvmrc)
+```
+
+该命令会读取 `.nvmrc` 文件内容并手动切换 Node 版本。
+
+---
+
 ## 🔧 常见需要调整的地方（具体文件示例）
 
 ### 1️⃣ 接口请求地址