Atom 与 prettier、eslint 和 airbnb 风格的 React 开发指南答案

【问题标题】：Atom with prettier, eslint and airbnb style guide for React developmentAtom 与 prettier、eslint 和 airbnb 风格的 React 开发指南
【发布时间】：2017-12-29 10:11:10
【问题描述】：

有人知道如何在 Atom 编辑器中正确设置 eslint 吗？我想使用 airbnb 预设，但是当我在更漂亮的设置中检查 ESlint 集成时，在我保存文件后，我在某些功能之后有尾随逗号，以及其他奇怪的问题。文件保存后如何设置让更漂亮的遵守airbnb规则？

【问题讨论】：

标签： atom-editor eslint eslint-config-airbnb prettier

【解决方案1】：

请注意，Atom 的 prettier-eslint 已被贬低，并且 prettier-atom 不支持 Airbnb 样式指南。

【讨论】：

再次挖掘：这仍然准确吗？

【解决方案2】：

您可能想查看https://github.com/prettier/prettier-eslint

来自描述：

问题

eslint 的 fix 功能非常棒，可以根据您的 ESLint 配置自动格式化/修复大部分代码。 prettier 是一个更强大的自动格式化程序。更漂亮的好处之一是它是多么的固执己见。不幸的是，它不够自以为是和/或有些意见与我自己的不同。因此，在更漂亮地格式化代码后，我开始收到 linting 错误。

这个解决方案

这会通过prettier 格式化您的代码，然后将结果传递给eslint --fix。这样，您既可以享受prettier 卓越的格式化功能带来的好处，也可以受益于eslint 的配置功能。

仅适用于扩展名为 .css、.less、.scss 或 .json 的文件运行更漂亮，因为 eslint 无法处理这些。

【讨论】：