@dengzhibo/create-vue-template 0.0.2 → 0.0.4

package/CHANGELOG.md

@@ -8,4 +8,12 @@
 
 ### v0.0.2 (2026-10-22) 
 
-* 修复文本相同但文件不匹配问题
+* 修复文本相同但文件不匹配问题
+
+### v0.0.3 (2026-10-22) 
+
+* 新增JSX功能，优化代码
+
+### v0.0.4 (2026-10-22) 
+
+* 代码优化

package/README.md

@@ -61,3 +61,5 @@ node scripts/check-package.mjs
 ## 发布文件范围
 
 `bin/`、`lib/`、`templates/`、README、CHANGELOG、LICENSE 与 package.json 随 npm 包发布。测试、预检脚本、AGENTS.md 和本地缓存仅用于仓库维护，不需要上传 npm。`_gitignore` 在生成项目时恢复为 `.gitignore`。
+
+未指定目录时默认创建 `vue-project`；指定目录时使用目录名作为包名。生成项目版本与本脚手架根 package.json 的版本一致。

package/lib/generate.js

@@ -1,7 +1,7 @@
 import fs from 'node:fs'
 import path from 'node:path'
 import { fileURLToPath } from 'node:url'
-import { assertTarget, featureLabels, normalizeOptions } from './options.js'
+import { assertTarget, normalizeOptions } from './options.js'
 
 const templateDir = fileURLToPath(new URL('../templates/', import.meta.url))
 const skip = new Set(['node_modules', 'dist', '.npmignore', '.git', '.DS_Store', 'pnpm-lock.yaml', '.turbo'])
@@ -38,7 +38,7 @@ export function createPlan(input = {}, cwd = process.cwd()) {
   const parse = file => JSON.parse(files.get(file).toString())
   const pkg = parse('package.json')
   for (const feature of options.features) {
-    const directory = path.join(templateDir, 'features', feature)
+    const directory = path.join(templateDir, 'features', ({ 'unit-test': 'Vitest', 'jsx': 'JSX' })[feature] || feature)
     add(directory)
     const fragment = JSON.parse(fs.readFileSync(path.join(directory, 'package.fragment.json'), 'utf8'))
     for (const field of ['scripts', 'dependencies', 'devDependencies']) {
@@ -50,6 +50,10 @@ export function createPlan(input = {}, cwd = process.cwd()) {
       }
     }
   }
+  if (has('jsx')) {
+    const vite = files.get('vite.config.ts').toString().replace(/\r\n/g, '\n').replace('import vue from \'@vitejs/plugin-vue\'', 'import vue from \'@vitejs/plugin-vue\'\nimport vueJsx from \'@vitejs/plugin-vue-jsx\'').replace('    vue(),', '    vue(),\n    vueJsx(),')
+    files.set('vite.config.ts', vite)
+  }
   const extensions = parse('.vscode/extensions.json')
   if (has('unit-test')) {
     const tsconfig = parse('tsconfig.json')
@@ -69,16 +73,17 @@ export function createPlan(input = {}, cwd = process.cwd()) {
       }
     }
     files.set('eslint.config.ts', eslint)
-    const oxlint = parse('.oxlintrc.json')
-    if (!has('unit-test'))
-      oxlint.plugins = oxlint.plugins.filter(p => p !== 'vitest')
-    files.set('.oxlintrc.json', encode(oxlint))
     const settings = JSON.parse(fs.readFileSync(path.join(templateDir, 'features/code-quality/settings.fragment.json'), 'utf8'))
     files.set('.vscode/settings.json', encode({ ...parse('.vscode/settings.json'), ...settings }))
     extensions.recommendations.push('dbaeumer.vscode-eslint', 'EditorConfig.EditorConfig', 'oxc.oxc-vscode')
   }
   files.set('.vscode/extensions.json', encode(extensions))
   pkg.name = name
+  pkg.version = JSON.parse(fs.readFileSync(new URL('../package.json', import.meta.url), 'utf8')).version
+  const scriptOrder = ['dev', 'build', 'preview', 'test:unit', 'test:e2e', 'build-only', 'type-check', 'lint', 'lint:oxlint', 'lint:eslint', 'format']
+  pkg.scripts = Object.fromEntries(scriptOrder.filter(key => Object.hasOwn(pkg.scripts, key)).map(key => [key, pkg.scripts[key]]))
+  for (const field of ['dependencies', 'devDependencies'])
+    pkg[field] = Object.fromEntries(Object.entries(pkg[field]).sort(([a], [b]) => a < b ? -1 : a > b ? 1 : 0))
   files.set('package.json', encode(pkg))
   let readme = files.get('README.md').toString().replace(/\r\n/g, '\n')
   const sections = [['unit-test', 'Run Unit Tests'], ['e2e', 'Run End-to-End Tests'], ['code-quality', 'Lint with']]
@@ -86,7 +91,7 @@ export function createPlan(input = {}, cwd = process.cwd()) {
     if (!has(feature))
       readme = readme.replace(new RegExp(`### ${title}[\\s\\S]*?(?=\\n### |$)`), '')
   }
-  files.set('README.md', `${readme.replace('# base', `# ${name}`).trimEnd()}\n\n已选功能：${options.features.map(f => featureLabels[f]).join('、') || '无'}\n`)
+  files.set('README.md', readme.replace('# base', `# ${name}`))
   return { target, options, files }
 }
 export function writePlan(plan) {

package/lib/options.js

@@ -1,12 +1,12 @@
 import fs from 'node:fs'
 import path from 'node:path'
 
-export const featureLabels = { 'code-quality': '代码规范', 'unit-test': '单元测试', 'e2e': '端到端测试' }
+export const featureLabels = { 'code-quality': '代码规范', 'unit-test': '单元测试', 'e2e': '端到端测试', 'jsx': 'JSX 支持' }
 export function normalizeOptions(input = {}) {
   const features = input.features ?? []
   if (!Array.isArray(features) || features.some(f => !Object.hasOwn(featureLabels, f)))
-    throw new Error('功能仅支持 code-quality、unit-test、e2e')
-  return { location: input.location || '.', features: Object.keys(featureLabels).filter(f => features.includes(f)), install: Boolean(input.install) }
+    throw new Error('功能仅支持 code-quality、unit-test、e2e、jsx')
+  return { location: input.location || 'vue-project', features: Object.keys(featureLabels).filter(f => features.includes(f)), install: Boolean(input.install) }
 }
 export function assertTarget(target) {
   let current = target
@@ -24,7 +24,7 @@ export function assertTarget(target) {
 
 export const help = `用法：create-vue-template [目录] [选项]
   --yes, -y           非交互创建
-  --features=code-quality,unit-test,e2e  选择功能，默认全部不选
+  --features=code-quality,unit-test,e2e,jsx  选择功能，默认全部不选
   --features=         全部不选
   --install           安装依赖，默认不安装
   --help, -h          帮助
@@ -48,6 +48,6 @@ export function parseArgs(args) {
   }
   if (locations.length > 1)
     throw new Error('只能指定一个创建目录')
-  options.location = locations[0] || '.'
+  options.location = locations[0] || 'vue-project'
   return { options: normalizeOptions(options), yes }
 }

package/lib/prompts.js

@@ -303,7 +303,7 @@ export function prompt({ title, choices, multiple = false, initial, defaultValue
 
 export async function collectOptions(previous = {}, ask = prompt) {
   const options = normalizeOptions(previous)
-  options.location = await ask({ title: '项目创建位置', initial: options.location === '.' ? '' : options.location, defaultValue: '.', hint: '输入 my-vue-app：新建项目文件夹；输入 .：在当前目录创建；支持相对或绝对路径' }) || '.'
+  options.location = await ask({ title: '项目创建位置', initial: options.location === '.' ? '' : options.location, defaultValue: 'vue-project', hint: '输入 my-vue-app：新建项目文件夹；输入 .：在当前目录创建；支持相对或绝对路径' }) || 'vue-project'
   options.features = await ask({ title: '选择可选功能', multiple: true, choices: Object.entries(featureLabels).map(([value, label]) => ({ value, label })), initial: options.features, hint: 'Space 勾选，Enter 确认；可全部不选或全部选择' })
   options.install = await ask({ title: '是否立即安装依赖？', choices: [{ value: false, label: '暂不安装' }, { value: true, label: '立即安装' }], initial: options.install })
   console.log(summary(options))

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@dengzhibo/create-vue-template",
   "type": "module",
-  "version": "0.0.2",
+  "version": "0.0.4",
   "private": false,
   "description": "Vue + Vite 应用脚手架，可选代码规范、单元测试和端到端测试",
   "main": "bin/index.js",

package/templates/base/README.md

@@ -1,4 +1,4 @@
-# base
+# vue-project
 
 This template should help get you started developing with Vue 3 in Vite.
 
@@ -53,7 +53,7 @@ pnpm test:unit
 
 ```sh
 # Install browsers for the first run
-pnpm exec playwright install
+npx playwright install
 
 # When testing on CI, must build the project first
 pnpm build
@@ -63,7 +63,7 @@ pnpm test:e2e
 # Runs the tests only on Chromium
 pnpm test:e2e --project=chromium
 # Runs the tests of a specific file
-pnpm test:e2e e2e/vue.spec.ts
+pnpm test:e2e tests/example.spec.ts
 # Runs the tests in debug mode
 pnpm test:e2e --debug
 ```

package/templates/base/package.json

@@ -1,6 +1,6 @@
 {
-  "name": "base",
-  "version": "0.0.0",
+  "name": "vue-project",
+  "version": "0.0.4",
   "private": true,
   "type": "module",
   "scripts": {

package/templates/features/JSX/package.fragment.json

@@ -0,0 +1,5 @@
+{
+  "devDependencies": {
+    "@vitejs/plugin-vue-jsx": "^5.1.6"
+  }
+}