前端格式化 & 提交规范配置

配置根路径

tsconfig.json

{
  "compilerOptions": {
    "baseUrl": "./src"
    ....
  }
}

prettier 格式化

安装prettier

yarn add --dev --exact prettier

创建配置文件

echo {}> .prettierrc.json

//.prettierignore
# Ignore artifacts:
build
coverage

手动格式化

yarn prettier --write .

pre-commit hook

手动格式化不够智能，提交之前自动格式化

npx mrm@2 lint-staged

这时我们 package.json 中多了

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

再加上ts和tsx

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

另外还多了.husky文件夹

处理冲突

yarn add eslint-config-prettier -D

package.json中修改 eslintConfig

"eslintConfig": {
    "extends": [
        "react-app",
        "react-app/jest",
        "prettier"
    ]
}

规范commit

yarn add --save-dev @commitlint/cli
yarn add @commitlint/config-conventional -D  //我不知道为什么只有这样才成功了...中途还换了最新的node版本，so why?

https://github.com/conventional-changelog/commitlint

https://github.com/conventional-changelog/commitlint/tree/master/@commitlint/config-conventional