react添加prettier、commitlint

308 阅读1分钟

1、添加prettier

1.添加依赖

yarn add --dev --exact prettier

2.创建配置文件

echo {}> .prettierrc.json

3.新建.prettierignore文件并加入

# Ignore artifacts:
build
coverage

4.添加Pre-commit Hook

npx mrm lint-staged

5.修改package.json下的lint-staged

"lint-staged": {
    "*.{js,css,md,ts,tsx}": "prettier --write"
}

6.添加 eslint-config-prettier

yarn add eslint-config-prettier -D

在package.jon文件的eslintConfig-->extends下添加 "prettier"

2、添加commitlint

1.执行yarn add -D @commitlint/{config-conventional,cli}

2.执行echo "module.exports = {extends: ['@commitlint/config-conventional']}" > commitlint.config.js

3.在package.json中添加 postinstall script

{
  "scripts": {
    "postinstall": "husky install"
  }
}

4.执行 npx husky add .husky/commit-msg "yarn commitlint --edit $1"