求推荐Git提交时自动替换单引号为双引号的React TypeScript Linter

当然有，你可以通过 ESLint + Prettier + Husky + lint-staged 的组合实现提交代码时自动将单引号替换为双引号，确保仓库代码风格统一。

具体配置步骤： #

• 安装必要依赖：

  npm install eslint prettier eslint-plugin-react @typescript-eslint/eslint-plugin @typescript-eslint/parser husky lint-staged eslint-config-prettier eslint-plugin-prettier --save-dev
  

• 配置ESLint（创建.eslintrc.json）：
  核心是开启引号规则，强制使用双引号：

  {
    "parser": "@typescript-eslint/parser",
    "extends": [
      "eslint:recommended",
      "plugin:react/recommended",
      "plugin:@typescript-eslint/recommended",
      "plugin:prettier/recommended"
    ],
    "rules": {
      "quotes": ["error", "double"],
      "@typescript-eslint/quotes": ["error", "double"]
    }
  }
  

• 配置Prettier（创建.prettierrc）：
  明确禁用单引号：

  {
    "singleQuote": false,
    "semi": true
  }
  

• 配置提交钩子：

  1. 初始化Husky：npx husky install
  2. 添加pre-commit钩子：npx husky add .husky/pre-commit "npx lint-staged"
  3. 在package.json中添加lint-staged配置：

     "lint-staged": {
       "*.{ts,tsx}": [
         "eslint --fix",
         "prettier --write"
       ]
     }
     

配置完成后，每次执行git commit时，lint-staged会自动检查并修复暂存区的TypeScript/React文件，将所有单引号替换为双引号后再提交到仓库，其他人拉取代码后就只会看到统一的双引号格式。

内容的提问来源于stack exchange，提问作者Jonas