atom-editor - Atom 与 prettier、eslint 和 airbnb 风格的 React 开发指南

Question

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

Answer 1

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

从描述：

问题

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

这个解决方案

这会通过 格式化您的代码prettier，然后将结果传递给eslint --fix. 通过这种方式，您可以prettier从eslint.

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

Answer 2

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