創(chuà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
