my-cli-vue-template-demo2 0.0.1 → 0.0.2

package/lib/create.js

@@ -7,8 +7,8 @@ const ora = require('ora');
 
 // 模拟可选的模板列表，实际可以是远程 git 地址或本地路径
 const templates = [
-  { name: 'Vue3 + Vite', value: 'vue-vite-template' },
-  { name: 'React + Vite', value: 'react-vite-template' },
+  { name: 'Vue3 + Vite + TypeScript', value: 'vue-ts-vite-template' },
+  { name: 'Vue3 + Vite + TypeScript + TailwindCSS', value: 'vue-ts-vite-taillwind-template' },
   // 也可以是本地模板目录，比如 './templates/vue-basic'
 ];
 

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "my-cli-vue-template-demo2",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "description": "模版测试",
   "main": "index.js",
   "bin": {
-    "my-cli-vue-demo": "bin/cli.js"
+    "my-cli-vue": "bin/cli.js"
   },
   "directories": {
     "lib": "lib"

package/templates/vue-ts-vite-taillwind-template/.editorconfig

@@ -0,0 +1,12 @@
+root = true
+[*] # 表示所有文件适用
+charset = utf-8 # 设置文件字符集为 utf-8
+end_of_line = lf # 控制换行类型(lf | cr | crlf)
+insert_final_newline = true # 始终在文件末尾插入一个新行
+indent_style = space # 缩进风格（tab | space）
+indent_size = 2 # 缩进大小
+max_line_length = 120 # 最大行长度
+
+[*.md] # 表示仅对 md 文件适用以下规则
+max_line_length = off # 关闭最大行长度限制
+trim_trailing_whitespace = false # 关闭末尾空格修剪

package/templates/vue-ts-vite-taillwind-template/.gitattributes

@@ -0,0 +1 @@
+* text=auto eol=lf

package/templates/vue-ts-vite-taillwind-template/.husky/commit-msg

@@ -0,0 +1 @@
+npx --no-install commitlint --edit "$1"

package/templates/vue-ts-vite-taillwind-template/.husky/pre-commit

@@ -0,0 +1,4 @@
+#!/usr/bin/env sh
+. "$(dirname -- "$0")/_/husky.sh"
+
+npm run lint:lint-staged

package/templates/vue-ts-vite-taillwind-template/.prettierignore

@@ -0,0 +1,10 @@
+# prettier 忽略文件
+/dist/*
+/build/*
+/public/*
+
+.local
+/node_modules/**
+
+**/*.svg
+**/*.sh

package/templates/vue-ts-vite-taillwind-template/.prettierrc.cjs

@@ -0,0 +1,40 @@
+// @see: https://www.prettier.cn
+module.exports = {
+  // 指定最大换行长度
+  printWidth: 120,
+  // 缩进制表符宽度 | 空格数
+  tabWidth: 2,
+  // 使用制表符而不是空格缩进行 (true：制表符，false：空格)
+  useTabs: false,
+  // 结尾不用分号 (true：有，false：没有)
+  semi: false,
+  // 使用单引号 (true：单引号，false：双引号)
+  singleQuote: true,
+  // 在对象字面量中决定是否将属性名用引号括起来 可选值 "<as-needed|consistent|preserve>"
+  quoteProps: 'as-needed',
+  // 在JSX中使用单引号而不是双引号 (true：单引号，false：双引号)
+  jsxSingleQuote: false,
+  // 多行时尽可能打印尾随逗号 可选值"<none|es5|all>"
+  trailingComma: 'all',
+  // 在对象，数组括号与文字之间加空格 "{ foo: bar }" (true：有，false：没有)
+  bracketSpacing: true,
+  // 将 > 多行元素放在最后一行的末尾，而不是单独放在下一行 (true：放末尾，false：单独一行)
+  bracketSameLine: false,
+  // (x) => {} 箭头函数参数只有一个时是否要有小括号 (avoid：省略括号，always：不省略括号)
+  arrowParens: 'avoid',
+  // 指定要使用的解析器，不需要写文件开头的 @prettier
+  requirePragma: false,
+  // 可以在文件顶部插入一个特殊标记，指定该文件已使用 Prettier 格式化
+  insertPragma: false,
+  // 用于控制文本是否应该被换行以及如何进行换行
+  proseWrap: 'preserve',
+  // 在html中空格是否是敏感的 "css" - 遵守 CSS 显示属性的默认值， "strict" - 空格被认为是敏感的 ，"ignore" - 空格被认为是不敏感的
+  htmlWhitespaceSensitivity: 'css',
+  // 控制在 Vue 单文件组件中 <script> 和 <style> 标签内的代码缩进方式
+  vueIndentScriptAndStyle: false,
+  // 换行符使用 lf 结尾是 可选值 "<auto|lf|crlf|cr>"
+  endOfLine: 'auto',
+  // 这两个选项可用于格式化以给定字符偏移量（分别包括和不包括）开始和结束的代码 (rangeStart：开始，rangeEnd：结束)
+  rangeStart: 0,
+  rangeEnd: Infinity,
+}

package/templates/vue-ts-vite-taillwind-template/.stylelintignore

@@ -0,0 +1,4 @@
+/dist/*
+/public/*
+public/*
+node_modules/*

package/templates/vue-ts-vite-taillwind-template/.stylelintrc.cjs

@@ -0,0 +1,37 @@
+// @see: https://stylelint.io
+
+module.exports = {
+  root: true,
+  // 继承某些已有的规则
+  extends: [
+    'stylelint-config-standard', // 配置 stylelint 拓展插件
+    'stylelint-config-html/vue', // 配置 vue 中 template 样式格式化
+    'stylelint-config-standard-scss', // 配置 stylelint scss 插件
+    'stylelint-config-recommended-vue/scss', // 配置 vue 中 scss 样式格式化
+    'stylelint-config-recess-order', // 配置 stylelint css 属性书写顺序插件,
+    // "stylelint-config-prettier" // 配置 stylelint 和 prettier 兼容
+  ],
+  overrides: [
+    // 扫描 .vue/html 文件中的 <style> 标签内的样式
+    {
+      files: ['**/*.{vue,html}'],
+      customSyntax: 'postcss-html',
+    },
+  ],
+  rules: {
+    'font-family-no-missing-generic-family-keyword': null, // 禁止在字体族名称列表中缺少通用字体族关键字
+    'property-no-unknown': null, // 禁止未知的属性
+    'no-empty-source': null, // 禁止空源码
+    'selector-class-pattern': null, // 强制选择器类名的格式
+    'value-no-vendor-prefix': null, // 关闭 vendor-prefix (为了解决多行省略 -webkit-box)
+    'no-descending-specificity': null, // 不允许较低特异性的选择器出现在覆盖较高特异性的选择器
+    'value-keyword-case': null, // 解决在 scss 中使用 v-bind 大写单词报错
+    'selector-pseudo-class-no-unknown': [
+      true,
+      {
+        ignorePseudoClasses: ['global', 'v-deep', 'deep'],
+      },
+    ],
+  },
+  ignoreFiles: ['**/*.js', '**/*.jsx', '**/*.tsx', '**/*.ts'],
+}

package/templates/vue-ts-vite-taillwind-template/.vscode/extensions.json

@@ -0,0 +1,21 @@
+{
+  "recommendations": [
+    "Vue.volar",
+    "Vue.vscode-typescript-vue-plugin",
+    "dbaeumer.vscode-eslint",
+    "EditorConfig.EditorConfig",
+    "esbenp.prettier-vscode",
+    "hollowtree.vue-snippets",
+    "stylelint.vscode-stylelint",
+    "streetsidesoftware.code-spell-checker",
+    "syler.sass-indented",
+    "mikestead.dotenv",
+    "formulahendry.auto-rename-tag",
+    "dsznajder.es7-react-js-snippets",
+    "vincaslt.highlight-matching-tag",
+    // "oderwat.indent-rainbow",
+    "techer.open-in-browser",
+    "ritwickdey.liveserver",
+    "bradlc.vscode-tailwindcss"
+  ]
+}

package/templates/vue-ts-vite-taillwind-template/.vscode/settings.json

@@ -0,0 +1,167 @@
+{
+  // 让左侧的文件资源管理器（Explorer）更加整洁。它会将相关联的配置文件“折叠”在主配置文件下面
+  "explorer.fileNesting.enabled": true,
+  "explorer.fileNesting.patterns": {
+    "tsconfig.json": "tsconfig.*.json, env.d.ts",
+    "vite.config.*": "jsconfig*, vitest.config.*, cypress.config.*, playwright.config.*",
+    "package.json": "package-lock.json, pnpm*, .yarnrc*, yarn*, .eslint*, eslint*, .oxlint*, oxlint*, .prettier*, prettier*, .editorconfig, .stylelintrc*, .stylelintignore,commitlint.config*,lint-staged.config*,.gitignore,.gitattributes,tailwind.config*"
+  },
+  "editor.codeActionsOnSave": {
+    // 保存时自动修复错误
+    "source.fixAll": "explicit",
+    "source.fixAll.eslint": "explicit",
+    "source.fixAll.stylelint": "explicit"
+  },
+  // 保存时自动格式化，禁用它以避免与 ESLint 冲突
+  "editor.formatOnSave": true,
+  // 格式化时使用 Prettier
+  "editor.defaultFormatter": "esbenp.prettier-vscode",
+  // CSS 代码检查工具
+  "stylelint.enable": true,
+  // 告诉 Stylelint 插件需要检查哪些类型的文件。
+  "stylelint.validate": ["css", "less", "postcss", "scss", "vue", "sass", "html"],
+  // Tab 键时的缩进宽度为 2 个空格
+  "editor.tabSize": 2,
+  // 混用换行符会导致 Git 提交记录混乱或某些工具报错。这个设置强制统一为 \n.保证跨平台一致性。
+  "files.eol": "\n",
+  // 指定哪些文件不参与搜索
+  "search.exclude": {
+    "**/node_modules": true,
+    "**/*.log": true,
+    "**/*.log*": true,
+    "**/bower_components": true,
+    "**/dist": true,
+    "**/elehukouben": true,
+    "**/.git": true,
+    "**/.gitignore": true,
+    "**/.svn": true,
+    "**/.DS_Store": true,
+    "**/.idea": true,
+    "**/.vscode": false,
+    "**/yarn.lock": true,
+    "**/tmp": true,
+    "out": true,
+    "dist": true,
+    "node_modules": true,
+    "CHANGELOG.md": true,
+    "examples": true,
+    "res": true,
+    "screenshots": true,
+    "yarn-error.log": true,
+    "**/.yarn": true
+  },
+  // 增强 Tailwind CSS 智能提示体验
+  "editor.quickSuggestions": {
+    "strings": true
+  },
+  // 强制 Vue 文件关联 ：
+  "tailwindCSS.includeLanguages": {
+    "vue": "html"
+  },
+  // CSS 文件关联 ：
+  "files.associations": {
+    "*.css": "tailwindcss"
+  },
+  // 指定哪些文件不被 VSCode 监听，预防启动 VSCode 时扫描的文件太多，
+  // 导致 CPU 占用过高
+  "files.watcherExclude": {
+    "**/.git/objects/**": true,
+    "**/.git/subtree-cache/**": true,
+    "**/.vscode/**": true,
+    "**/node_modules/**": true,
+    "**/tmp/**": true,
+    "**/bower_components/**": true,
+    "**/dist/**": true,
+    "**/yarn.lock": true
+  },
+  // 配置 VScode 使用 prettier 的 formatter
+  "[vue]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "[typescript]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "[json]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "[jsonc]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "[javascript]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "[typescriptreact]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "[scss]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "[html]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "[markdown]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "[less]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  // 拼写错误忽略
+  "cSpell.words": [
+    "windi",
+    "browserslist",
+    "tailwindcss",
+    "esnext",
+    "axios",
+    "vuex",
+    "vueuse",
+    "antv",
+    "tinymce",
+    "qrcode",
+    "sider",
+    "pinia",
+    "sider",
+    "nprogress",
+    "INTLIFY",
+    "stylelint",
+    "esno",
+    "vitejs",
+    "sortablejs",
+    "mockjs",
+    "codemirror",
+    "iconify",
+    "commitlint",
+    "vditor",
+    "vite",
+    "echarts",
+    "cropperjs",
+    "logicflow",
+    "zxcvbn",
+    "lintstagedrc",
+    "brotli",
+    "tailwindcss",
+    "sider",
+    "pnpm",
+    "antd"
+  ],
+  "eslint.validate": [
+    "javascript",
+    "vue",
+    "vue-html",
+    "typescript",
+    "typescriptreact",
+    "html",
+    "css",
+    "scss",
+    "less",
+    "json",
+    "jsonc",
+    "json5",
+    "markdown"
+  ],
+  "eslint.rules.customizations": [
+    // 忽略所有规则
+    // { "rule": "*", "severity": "off" },
+    // 忽略 console
+    // { "rule": "no-console", "severity": "warn" }
+  ]
+}

package/templates/vue-ts-vite-taillwind-template/README.md

@@ -0,0 +1,186 @@
+# 项目风格统一
+
+## .vscode
+
+- extensions.json
+  - 设置需要安装什么插件
+- settings.json
+  - 完善 settings.json 配置说明，解释每个设置项的作用和意义
+
+## .editorconfig
+
+- 完善 .editorconfig 配置说明，解释每个设置项的作用和意义
+
+## 安装pnpm
+
+- 安装pnpm包管理器
+
+## 代码格式化配置
+
+- 安装prettier插件
+- 下载相关依赖
+  - pnpm add prettier -D
+- 配置.prettierrc文件
+  - 完善 .prettierrc 配置说明，解释每个设置项的作用和意义
+- 配置.prettierignore文件
+  - 完善 .prettierignore 配置说明，解释每个设置项的作用和意义
+- 添加脚本
+  - "lint:prettier": "prettier --write \"src/\*_/_.{js,ts,mjs,cjs,json,tsx,css,less,scss,vue,html,md}\""
+  - 运行脚本：pnpm run lint:prettier，就能看到乱的代码被格式化了。
+- 代码格式化规范 ESLint
+  - <https://mp.weixin.qq.com/s?__biz=MzI2NTQ5NTE4OA==&mid=2247563610&idx=1&sn=3a3b2a61be32aa7f937f6d5027d8f666&chksm=ea9fcea1dde847b7b526014bc7ab311189e6ed6befdc078c3d36d62f09c20c781c6989450d84&scene=178&cur_album_id=4101027889775034373&search_click_id=#rd>
+  - Eslint9 推荐方式：<https://github.com/antfu/eslint-config>
+    - 使用开源的 eslint 配置仓库
+    - 安装依赖：pnpm i -D eslint @antfu/eslint-config
+    - 创建eslint.config.mjs文件
+    - 在package.json文件中处理脚本："lint": "eslint .", "lint:fix": "eslint . --fix"
+  - 自己配置eslint
+    - 添加 eslint 的 vscode 配置：.vscode/settings.json
+    - 项目下载依赖：pnpm i eslint eslint-config-prettier eslint-plugin-prettier eslint-plugin-vue @typescript-eslint/eslint-plugin @typescript-eslint/parser -D
+      ![](https://cdn.jsdelivr.net/gh/aafyfhh/imagebase/content/img/20260126111605697.png)
+    - 配置 eslint 规则：.eslintrc.js
+    - 添加eslint 忽略文件：.eslintignore
+    - 添加eslint 脚本：package.json
+      - "lint:eslint": "eslint --fix --ext .js,.ts,.vue ./src",
+  - eslint这种编辑器行为是可以关闭的，尽管写，后面保存的时候统一格式化一下就好了。
+    - 通过在.vscode/settings.json文件中添加如下配置：
+      - "editor.codeActionsOnSave": {
+        "source.fixAll": "explicit",
+        "source.fixAll.eslint": "explicit"
+        },
+      - "eslint.rules.customizations": [
+        // 忽略所有规则
+        // { "rule": "*", "severity": "off" },
+        ]
+  - 查看 antfu/eslint-config 的配置规则
+    - 运行脚本：npx @eslint/config-inspector，访问<http://localhost:7777/>
+  - 自动修复错误（手动触发）
+    - 运行脚本：pnpm run lint:eslint --fix
+    - 保存文件也会自动修复错误：
+      - 配置.vscode/settings.json文件
+        - "source.fixAll": "explicit",
+        - "source.fixAll.eslint": "explicit"
+
+## css 规范 stylelint
+
+- 安装 styleLint 插件
+- 安装 stylelint 依赖
+  - pnpm install
+    stylelint
+    stylelint-config-html
+    stylelint-config-recommended-scss
+    stylelint-config-recommended-vue
+    stylelint-config-standard
+    stylelint-config-standard-scss
+    stylelint-config-recess-order
+    postcss
+    postcss-html
+    stylelint-config-prettier -D
+- pnpm install stylelint stylelint-config-html stylelint-config-recommended-scss stylelint-config-recommended-vue stylelint-config-standard stylelint-config-standard-scss stylelint-config-recess-order postcss postcss-html stylelint-config-prettier -D
+- ![](https://cdn.jsdelivr.net/gh/aafyfhh/imagebase/content/img/20260126142238769.png)
+- 保存后就能发现 css 的顺序会变化，且不会报错
+
+## prettier 和 eslint 冲突
+
+- 一些配置项冲突，需要自行处理。比如单引号双引号需要统一，
+  不然会出现反复横跳的情况。
+- 结尾分号逗号等，需要统一，不然会出现反复横跳的情况。
+
+## git工作流规范
+
+- git工作流规范
+  如何确保团队成员都遵循ESint规则，且不会将不符合规范的代码推送到Git仓库？
+  答案是：使用带有git hooks功能的husky。git hooks是git内置的功能，它会在执行Git命令之前（或之后）进行一些其它操作。例如ESLint规则校验。husky依靠git hooks来触发EsLint规则校验，并确保团队成员提交和推送代码到git之前的代码无任何问题。
+- githooks文件在.git目录下有示例文件
+- husky 是什么
+  - 管理git hooks，因为 git hooks 不会被提交到 git 中，只会在本地生效。
+  - 所以我们需要在本地安装 husky 依赖，然后在 package.json 文件中添加 prepare 脚本，来在安装依赖后自动配置 git hooks。
+- 安装依赖：pnpm install husky -D
+- 添加 prepare 脚本：npm pkg set scripts.prepare="husky install"和 prepare: "husky install"命令是一个意思
+- 运行脚本：pnpm run prepare，生成 husky 文件夹
+- 会生成.husky/pre-commit文件和.husky/commit-msg文件，分别对应pre-commit和commit-msg钩子。
+  还有其他钩子：
+  - pre-receive：从本地版本完成一个推送后
+  - prepare-commit-msg：信息准备完成后但编辑尚未启动
+  - pre-push：push 之前执行
+  - post-update：在工作区更新完成后执行
+  - pre-rebase：在rebase操作之前执行
+- 添加pre-commit内容
+
+  ```
+    #!/usr/bin/env sh
+    . "$(dirname -- "$0")/_/husky.sh"
+    npx eslint src
+  ```
+
+- 安装依赖：pnpm install lint-staged -D
+  - 只在我们更改的代码上运行 ESLint
+  - 添加脚本："lint:lint-staged": "lint-staged"
+- 新增lint-staged.config.cjs文件
+  - 完善 lint-staged.config.cjs 配置说明，解释每个设置项的作用和意义
+
+## git提交规范
+
+- git 有两个常用的钩子：一个是 pre-commit，一个是 commit-msg
+- 安装依赖： pnpm install @commitlint/cli @commitlint/config-conventional -D
+  - @commitlint/config-conventional 是基于 conventional commits 规范的配置文件。
+  - @commitlint/cli 是 commitlint 工具的核心。
+- 安装husky：pnpm install husky -D
+- 创建.husky/pre-commit文件和.husky/commit-msg文件
+  - 分别添加如下内容：
+    - pre-commit文件：
+      - npm run type-check
+    - commit-msg文件：
+      - npx --no-install commitlint --edit "$1"
+- 添加 prepare 脚本
+  - "prepare": "husky install"
+- 创建commitlint.config.cjs文件
+  - 完善 commitlint.config.cjs 配置说明，解释每个设置项的作用和意义
+  - build: 改变了项目构建系统或外部依赖项。
+  - ci: 更改了CI配置或脚本。
+  - docs: 只更改文档。
+  - feat: 新功能。
+  - fix: 修复了一个 bug。
+  - perf: 改进了性能。
+  - refactor: 代码重构，既没有增加新功能，也没有修复 bug。
+  - style: 格式化、缺少分号等；对代码逻辑没有影响的更改。
+  - test: 增加或修改了测试代码。
+- 安装 pnpm add commitizen cz-conventional-changelog -D
+  - 这是为了不用自己输入描述，使用 cz-conventional-changelog 插件来生成描述。
+- package.json配置
+
+  ```"scripts": {
+   //......其他省略
+    "commit": "git add -A && git-cz"
+    },
+  "config": {
+    "commitizen": {
+      "path": "./node_modules/cz-conventional-changelog"
+    }
+  }
+  ```
+
+- 运行脚本：pnpm run commit
+  - 这会触发 git-cz 插件，生成符合 conventional commits 规范的提交信息。
+  - 按照提示输入信息，即可生成符合规范的提交信息。
+  - 不过这都是英文
+- 使用 cz-git
+- 安装依赖：pnpm install cz-git -D，前提是已经安装commitizen
+- 配置 cz-git 插件：
+  - 在 package.json 文件中添加如下配置：
+
+    ```"scripts":{
+    "commit": "git add -A && git-cz"
+      }
+      "config": {
+          "commitizen": {
+              "path": "cz-git"
+          }
+      }
+    ```
+
+- 配置模板
+- <https://cz-git.qbb.sh/zh/config/>
+  ，我们在之前的commitlint.config.cjs文件上，进行修改
+- 再次运行脚本：pnpm run commit，就能规范提交信息了
+- 还可以使用 git-commit-plugin 插件来进行规范化提交，但是灵活性不足

package/templates/vue-ts-vite-taillwind-template/commitlint.config.cjs

@@ -0,0 +1,101 @@
+/**
+ *
+继承了@commitlint/config-conventional 规则集,定义了Git 提交信息定义一致性格式
+build: 改变了项目构建系统或外部依赖项。
+ci: 更改了CI配置或脚本。
+docs: 只更改文档。
+feat: 新功能。
+fix: 修复了一个 bug。
+perf: 改进了性能。
+refactor: 代码重构，既没有增加新功能，也没有修复 bug。
+style: 格式化、缺少分号等；对代码逻辑没有影响的更改。
+test: 增加或修改了测试代码。
+ */
+// module.exports = { extends: ['@commitlint/config-conventional'] }
+
+// @see: https://cz-git.qbenben.com/zh/guide
+const fs = require('node:fs')
+const path = require('node:path')
+
+const scopes = fs
+  .readdirSync(path.resolve(__dirname, 'src'), { withFileTypes: true })
+  .filter(dirent => dirent.isDirectory())
+  .map(dirent => dirent.name.replace(/s$/, ''))
+
+/** @type {import('cz-git').UserConfig} */
+module.exports = {
+  ignores: [commit => commit.includes('init')],
+  extends: ['@commitlint/config-conventional'],
+  rules: {
+    // @see: https://commitlint.js.org/#/reference-rules
+    'body-leading-blank': [2, 'always'],
+    'footer-leading-blank': [1, 'always'],
+    'header-max-length': [2, 'always', 108],
+    'subject-empty': [2, 'never'],
+    'type-empty': [2, 'never'],
+    'subject-case': [0],
+    'type-enum': [
+      2,
+      'always',
+      [
+        'feat',
+        'fix',
+        'docs',
+        'style',
+        'refactor',
+        'perf',
+        'test',
+        'build',
+        'ci',
+        'chore',
+        'revert',
+        'wip',
+        'workflow',
+        'types',
+        'release',
+      ],
+    ],
+  },
+  prompt: {
+    messages: {
+      // 中文版
+      type: '选择你要提交的类型 :',
+      scope: '选择一个提交范围（可选）:',
+      customScope: '请输入自定义的提交范围 :',
+      subject: '填写简短精炼的变更描述 :\n',
+      body: '填写更加详细的变更描述（可选）。使用 "|" 换行 :\n',
+      breaking: '列举非兼容性重大的变更（可选）。使用 "|" 换行 :\n',
+      footerPrefixsSelect: '选择关联issue前缀（可选）:',
+      customFooterPrefixs: '输入自定义issue前缀 :',
+      footer: '列举关联issue (可选) 例如: #31, #I3244 :\n',
+      confirmCommit: '是否提交或修改commit?',
+    },
+    types: [
+      // 中文版
+      { value: 'feat', name: '特性:   🚀  新增功能', emoji: '🚀' },
+      { value: 'fix', name: '修复:   🧩  修复缺陷', emoji: '🧩' },
+      { value: 'docs', name: '文档:   📚  文档变更', emoji: '📚' },
+      { value: 'style', name: '格式:   🎨  代码格式（不影响功能，例如空格、分号等格式修正）', emoji: '🎨' },
+      { value: 'refactor', name: '重构:   ♻️  代码重构（不包括 bug 修复、功能新增）', emoji: '♻️' },
+      { value: 'perf', name: '性能:    ⚡️  性能优化', emoji: '⚡️' },
+      { value: 'test', name: '测试:   ✅  添加疏漏测试或已有测试改动', emoji: '✅' },
+      {
+        value: 'build',
+        name: '构建:   📦️  构建流程、外部依赖变更（如升级 npm 包、修改 webpack 配置等）',
+        emoji: '📦️',
+      },
+      { value: 'ci', name: '集成:   🎡  修改 CI 配置、脚本', emoji: '🎡' },
+      { value: 'chore', name: '回退:   ⏪️  回滚 commit', emoji: '⏪️' },
+      { value: 'revert', name: '其他:   🔨  对构建过程或辅助工具和库的更改（不影响源文件、测试用例）', emoji: '🔨' },
+      { value: 'wip', name: '开发:   🕔  正在开发中', emoji: '🕔' },
+      { value: 'workflow', name: '工作流:   📋  工作流程改进', emoji: '📋' },
+      { value: 'types', name: '类型:   🔰  类型定义文件修改', emoji: '🔰' },
+    ],
+    useEmoji: true,
+    scopes: [...scopes],
+    customScopesAlign: 'bottom',
+    emptyScopesAlias: 'empty',
+    customScopesAlias: 'custom',
+    allowBreakingChanges: ['feat', 'fix'],
+  },
+}

package/templates/vue-ts-vite-taillwind-template/env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite/client" />

package/templates/vue-ts-vite-taillwind-template/eslint.config.mjs

@@ -0,0 +1,31 @@
+import antfu from '@antfu/eslint-config'
+import eslintConfigPrettier from 'eslint-config-prettier'
+
+export default antfu(
+  {
+    stylistic: false,
+
+    // TypeScript and Vue are autodetected, you can also explicitly enable them:
+    typescript: true,
+    vue: true,
+
+    // Disable jsonc and yaml support
+    jsonc: false,
+    yaml: false,
+
+    // `.eslintignore` is no longer supported in Flat config, use `ignores` instead
+    ignores: [
+      '**/fixtures',
+      '**/dist',
+      '**/node_modules',
+      '**/public',
+      // ...globs
+    ],
+  },
+  {
+    rules: {
+      'no-console': 'warn',
+    },
+  },
+  eslintConfigPrettier,
+)

package/templates/vue-ts-vite-taillwind-template/index.html

@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="">
+  <head>
+    <meta charset="UTF-8">
+    <link rel="icon" href="/favicon.ico">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Vite App</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>