Atom 与 prettier、eslint 和 airbnb 风格的 React 开发指南
Posted
技术标签:
【中文标题】Atom 与 prettier、eslint 和 airbnb 风格的 React 开发指南【英文标题】:Atom with prettier, eslint and airbnb style guide for React development 【发布时间】:2017-12-29 10:11:10 【问题描述】:有人知道如何在 Atom 编辑器中正确设置 eslint 吗? 我想使用 airbnb 预设,但是当我在更漂亮的设置中检查 ESlint 集成时,在我保存文件后,我在某些功能之后有尾随逗号,以及其他奇怪的问题。文件保存后如何设置让更漂亮的遵守airbnb规则?
【问题讨论】:
【参考方案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 无法处理这些。
【讨论】:
以上是关于Atom 与 prettier、eslint 和 airbnb 风格的 React 开发指南的主要内容,如果未能解决你的问题,请参考以下文章
Eslint 和 Prettier 冲突(eslint-config-prettier 不工作)