@dengzhibo/create-vue-template 0.0.2 → 0.0.3

package/CHANGELOG.md

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

package/lib/generate.js

@@ -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,12 @@ 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 tsconfig = files.get('tsconfig.app.json').toString().replace('"compilerOptions": {', '"compilerOptions": {\n    "jsx": "preserve",\n    "jsxImportSource": "vue",')
+    files.set('tsconfig.app.json', tsconfig)
+  }
   const extensions = parse('.vscode/extensions.json')
   if (has('unit-test')) {
     const tsconfig = parse('tsconfig.json')
@@ -79,6 +85,10 @@ export function createPlan(input = {}, cwd = process.cwd()) {
   }
   files.set('.vscode/extensions.json', encode(extensions))
   pkg.name = name
+  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']]

package/lib/options.js

@@ -1,11 +1,11 @@
 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')
+    throw new Error('功能仅支持 code-quality、unit-test、e2e、jsx')
   return { location: input.location || '.', features: Object.keys(featureLabels).filter(f => features.includes(f)), install: Boolean(input.install) }
 }
 export function assertTarget(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          帮助

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@dengzhibo/create-vue-template",
   "type": "module",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "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/features/JSX/package.fragment.json

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