如何使用 Airbnb JavaScript 样式指南设置 Prettier

Posted

技术标签:

【中文标题】如何使用 Airbnb JavaScript 样式指南设置 Prettier【英文标题】:How do I set up Prettier with Airbnb JavaScript Style Guide 【发布时间】:2018-01-22 19:19:54 【问题描述】:

如何在 Prettier 中配置 Airbnb 的风格指南?我正在使用 VS 代码。 提前致谢!

【问题讨论】:

欢迎来到 ***。请阅读并遵循发布指南:我可以问什么类型的问题***.com/help/on-topic,以及如何提问:***.com/help/how-to-ask。请记住还要包括最小、完整、可验证的示例:***.com/help/mcve。然后,点击edit 编辑您的问题,以便我们提供帮助。 【参考方案1】:

eslint-config-prettier 将禁用所有格式化规则。它在自述文件中多次提到eslint-config-airbnb,但他们不保证它 100% 遵循 airbnb 规则。

我想如果你想确保它们一起正常工作,你必须自己检查规则。

更新:

我已经检查了eslint-config-prettier 的源文件。以下是可以覆盖的规则列表:

// The following rules can be used in some cases. See the README for more
// information. (These are marked with `0` instead of `"off"` so that a
// script can distinguish them.)

curly: 0,
"max-len": 0,
"no-confusing-arrow": 0,
"no-mixed-operators": 0,
"no-tabs": 0,
quotes: 0,

根据他们的评论,其他格式规则不应该与 Prettier 一起使用。

【讨论】:

非常感谢!【参考方案2】:

您可以使用 eslint-config-prettier 来扩展 Prettier 配置。

【讨论】:

谢谢!我会看看那个。

以上是关于如何使用 Airbnb JavaScript 样式指南设置 Prettier的主要内容,如果未能解决你的问题,请参考以下文章

markdown 使用ESLint和AirBnB样式指南规则配置Atom编辑器

javascript 使用airbnb,更漂亮

Airbnb前端规范之javascript编码规范

Airbnb Javascript 代码规范重要点总结es6

javascript 基于airbnb的eslint文件

javascript PRISMA | airbnb_datamodel