关于eslint:eslint-prettier-配置冲突解决

40次阅读

共计 880 个字符，预计需要花费 3 分钟才能阅读完成。

1.eslint、preitter

1. 先建一个.prettierrc 文件
echo {}> .prettierrc
2. 创立.prettierignore
 相似于.gitignore, 示意不须要格式化的文件
3. 手动格式化：yarn prettier --write.
4. 主动格式化：pre-commit Hook 
    npx mrm lint-staged

2.pre-commit hook: 提交前主动格式化

npx mrm lint-staged
## package.json  针对某系文件进行格式化，主动保留的一个配置
...........
"devDependencies": {
    ......
    "husky": ">=6",
    "lint-staged": ">=10",
    "prettier": "^2.2.1"
  },
  "lint-staged": {"*.{js,css,md,ts,tsx}": "prettier --write"
  }

3. 解决抵触

npm install eslint-config-prettier -D
## package.json 中
......
"eslintConfig": {
    "rules": {"@typescript-eslint/no-unused-vars": "off"},
    "extends": [
      "react-app",
      "react-app/jest",
      "prettier"  // 用 prettier 的规定笼罩一部分 eslint 的规定
    ]
  },
}

.husky 文件增加到 git: git add .

4.commitlint

 检测 commit message 提交是否标准
npm install @commitlint/config-conventional @commitlint/cli -D
## 创立文件: commitlint.config.js
echo "module.exports = {extends: ['@commitlint/config-conventional']}" > commitlint.config.js
npx husky add .husky/commit-msg "yarn commitlint --edit $1"

正文完