项目代码的格式化统一配置 Prettier & ESLint
以前没时间过eslint,每次项目vscode 编辑器的eslint插件就关掉eslint,老项目都没注意过相关的代码规范,这次新项目加入进去实践下!
Question
- 三个插件功自动有些规则是冲突的,需要确定优先顺序,其他插件进行自定义化的配置
- 都可以自动保存格式化的功能
Reference
- 在package中对两者进行配置
- 相对官方的文档,感觉没讲清楚
- 对优先使用了Pretiter规则还是esLint都给出了解决方案,并给出了推荐的设置
Answer
方案 1
最简单的,Integrating with ESLint 中 最后的recommend的方案:
yarn add --dev eslint-plugin-prettier eslint-config-prettier
.eslintrc.json
配置中添加{ "extends": ["plugin:prettier/recommended"] }
简单 so easy!
方案 2
npm i -D eslint-plugin-prettier
package.json
中添加配置:"eslintConfig": { "extends": [ "prettier" ], "plugins": [ "prettier" ] }, "prettier": { "singleQuote": true, "semi": false },
Different
两者的区别在于是否使用单引号和行末尾是否有分号,第二种eslint报错不会自动修复
Recommend integrating with editor
配置编辑器的 formatOnSave
设置,保存后自动化格式检测,列出vscode的配置, Reference
{ "prettier.eslintIntegration": true, "eslint.autoFixOnSave": true, "editor.formatOnSave": true }
vscode编辑器中相关的插件:
暂时没涉及到editconfig
后面用到在添加
相关推荐
hualala 2020-06-13
tozeroblog 2020-06-09
tozeroblog 2020-06-08
hualala 2020-06-05
hualala 2020-05-29
www你所不知道的 2020-03-06
out有点man 2020-05-07
学知不足业精于勤 2020-04-30
hualala 2020-04-30
out有点man 2020-04-23
coderMozart 2020-04-20
coderMozart 2020-04-17
空谷足音 2020-03-06
tozeroblog 2020-03-06
tozeroblog 2020-02-21
tozeroblog 2020-02-17
hualala 2020-01-23