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

来自描述:

问题

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

这个解决方案

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

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

【讨论】:

以上是关于Atom 与 prettier、eslint 和 airbnb 风格的 React 开发指南的主要内容,如果未能解决你的问题,请参考以下文章

prettier 与 eslint 对比

苗条与漂亮/eslint

json ESLint配置(与Prettier一起使用)

Eslint 和 Prettier 冲突(eslint-config-prettier 不工作)

Airbnb、ESLint、Prettier 在 Switch 和 Case 缩进上的冲突

React 创建项目流程+配置 eslint prettier 和 commitlint 规范工程