简介
ESLint和Prettier是前端开发中两款非常强大的代码检查和格式化工具,但强大也意味着这两者经常发生冲突。
对ESLint和Prettier在开发前进行协同完美的配置是相关重要的,可以避免冲突等麻烦,简化美化开发过程,
确立团队或个人的开发风格。以下修改为个人风格总结所得,读者可根据自己需求增加减。
ESLint + Prettier作用
项目开发统一范式的问题
代码质量问题:语法问题,使用规范
代码风格问题:
不同的人有不同的编码风格,风格不符合一定规则 (doesn’t adhere to certain style guidelines)
1、ESLint的作用
代码质量问题:解决审查代码是否符合编码规则,审查代码是否存在语法错误
2、Prettier的作用
代码风格问题:解决了代码风格问题 在开发过程中自动统一风格
使用 Prettier + ESLint 就完完全全解决了两个问题
配置文件
// .eslintrc
{
"extends": ["plugin:prettier/recommended"]
}
这也是官网推荐的配置
谢谢观看,如有不足敬请指教