創(chuàng)建項(xiàng)目

根據(jù)官網(wǎng)介紹

npx create-react-app my-app
cd my-app
npm start

配置prettier

yarn add --dev --exact prettier
echo {}> .prettierrc.json

創(chuàng)建.prettierignore文件 用來配置黑名單

手動格式化代碼

yarn prettier --write .

自動化prettier

將prettier添加進(jìn)git 每次提交自動調(diào)用yarn prettier --write .

npx mrm lint-staged

package.json下添加修改

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

由于prettier會與eslink有沖突
安裝eslint-config-prettier

yarn add eslint-config-prettier -D

覆蓋eslink的一些操作 以prettier為主
package.json下添加修改

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

配置commitlint

yarn add @commitlint/config-conventional @commitlint/cli -D