1、下载
npm install --save-dev --save-exact prettier
2、使用
(1)创建.prettierrc.json文件
{}
(2)创建.prettierignore忽略文件
直接写文件名称即可
(3)每当代码提交的时候格式化代码
npx mrm lint-staged
会在package.json中添加如下内容
"husky": {
"hooks": {
"pre-commit": "lint-staged" 在git commit提交代码前执行lint-staged命令
}
},
"lint-staged": {
"*.{js,css,md,ts,tsx}": "prettier --write" 需手动添加额外的文件类型,默认为js,css,md
}
(4)兼容eslint
cnpm install -D eslint-config-prettier
修改package.json中的eslintConfig,添加prettier
"eslintConfig": {
"extends": [
"react-app",
"react-app/jest",
"prettier"
]
},
prettier工具格式化
最新推荐文章于 2024-03-26 10:57:18 发布