前端工程化-ESLint + Prettier

简介

ESLint和Prettier是前端开发中两款非常强大的代码检查和格式化工具，但强大也意味着这两者经常发生冲突。

对ESLint和Prettier在开发前进行协同完美的配置是相关重要的，可以避免冲突等麻烦，简化美化开发过程，

确立团队或个人的开发风格。以下修改为个人风格总结所得，读者可根据自己需求增加减。

ESLint + Prettier作用

项目开发统一范式的问题

代码质量问题：语法问题，使用规范

代码风格问题：不同的人有不同的编码风格，风格不符合一定规则 (doesn’t adhere to certain style guidelines)

1、ESLint的作用

代码质量问题：解决审查代码是否符合编码规则，审查代码是否存在语法错误

2、Prettier的作用

代码风格问题：解决了代码风格问题 在开发过程中自动统一风格

使用 Prettier + ESLint 就完完全全解决了两个问题

配置文件

// .eslintrc
{
  "extends": ["plugin:prettier/recommended"]
}

这也是官网推荐的配置

谢谢观看，如有不足敬请指教