Open bfchengnuo opened 4 years ago
ESLint 是什么呢？ 是一个开源的 JavaScript 的 linting 工具，使用 espree 将 JavaScript 代码解析成抽象语法树 (AST)，然后通过AST 来分析我们代码，从而给予我们两种提示： 代码质量问题：使用方式有可能有问题(problematic patterns) 代码风格问题：风格不符合一定规则 (doesn’t adhere to certain style guidelines)
ESLint 比较擅长代码质量问题的扫描，所以风格问题一般关掉，使用 Prettier 来做。
代码质量出问题意味着程序有潜在 Bug，而风格问题充其量也只是看着不爽。
Prettier 声称自己是一个有主见 (偏见) 的代码格式化工具 (opinionated code formatter)，Prettier 认为格式很重要，但是格式好麻烦，我来帮你们定好吧。 简单来说，不需要我们再思考究竟是用 single quote，还是 double quote 这些乱起八糟的格式问题，Prettier 帮你处理。 最后的结果，可能不是你完全满意，但是，绝对不会丑，况且，Prettier 还给予了一部分配置项，可以通过 .prettierrc 文件修改。
.prettierrc
// .eslintrc { "extends": ["prettier"] // prettier 一定要是最后一个，才能确保覆盖 }
另外可以配合一些插件，让 Prettier 的提示交给 ESLint 输出。
参考： https://zhuanlan.zhihu.com/p/80574300 https://zhuanlan.zhihu.com/p/103492877
ESLint 与 Prettier
ESLint 比较擅长代码质量问题的扫描，所以风格问题一般关掉，使用 Prettier 来做。
代码质量出问题意味着程序有潜在 Bug，而风格问题充其量也只是看着不爽。
另外可以配合一些插件，让 Prettier 的提示交给 ESLint 输出。
参考： https://zhuanlan.zhihu.com/p/80574300 https://zhuanlan.zhihu.com/p/103492877