vue3+vite+ts+eslint+prettier+stylelint+husky+lint-staged+commitlint+commitizen+cz-git

这个问题看起来是在询问如何在一个使用 Vue 3、Vite、TypeScript、ESLint、Prettier、Stylelint、Husky、lint-staged、commitlint 和 commitizen 的项目中配置代码风格和质量检查。

首先，确保你已经安装了这些依赖：

npm install -D eslint prettier eslint-config-prettier eslint-plugin-prettier stylelint
npm install -D husky lint-staged
npm install -D @commitlint/{config-conventional,cli}
npm install -D commitizen

接下来，创建或更新你的配置文件：

.eslintrc.js:

module.exports = {
  extends: [
    'eslint:recommended',
    'plugin:prettier/recommended',
    // Vue 3 推荐的 ESLint 规则
    'plugin:vue/vue3-essential',
    // 你的 TypeScript ESLint 规则（如果使用）
    // '@vue/typescript/recommended',
  ],
  parserOptions: {
    ecmaVersion: 12,
    sourceType: 'module',
  },
  rules: {
    // 你的自定义 ESLint 规则
  },
  overrides: [
    // 类型检查
    {
      files: ['*.ts', '*.tsx'],
      extends: [
        'plugin:@typescript-eslint/recommended',
        // 'plugin:@typescript-eslint/recommended-requiring-type-checking',
      ],
      parser: '@typescript-eslint/parser',
      parserOptions: {
        ecmaVersion: 2020,
        sourceType: 'module',
        project: './tsconfig.json',
        tsconfigRootDir: __dirname,
        extraFileExtensions: ['.vue'],
      },
    },
  ],
};

.prettierrc.js:

{
  "semi": false,
  "singleQuote": true,
  // 更多 Prettier 配置
}

.stylelintrc.js:

{
  "extends": "stylelint-config-standard",
  // 更多 Stylelint 配置
}

.husky/pre-commit:

#!/bin/sh
. "$(dirname -- "$0")/_/npx/node/bin/node" "$(dirname -- "$0")/_/npx/lint-staged/bin/lint-staged.js"

lint-staged.config.js:

module.exports = {
  '*.{js,jsx,ts,tsx,vue}': [
    'eslint --fix',
    'git add'
  ],
  '*.{css,scss,less}': [
    'stylelint --fix',
    'git add'
  ],
  '*.{json,md}': [
    'prettier --write',
    'git add'
  ]
};

.commitlintrc.js:

{
  "types": [
    "feat",
    "fix",
    "docs",
    "style",
    "refactor",
    "perf",
    "test",
    "build",
    "ci",
    "chore",
    "revert"
  ]
}

commitizen.js:

module.exports = {
  prompt: {
    messages: {
      type: "Select the type of ch