漂亮+ Airbnb的ESLint配置

最近，我开始使用Visual Studio Code编辑我的编辑器，并找到了Prettier-JavaScript格式器。我认为这是一个很棒的插件，因为它可以帮助我保持代码的美观。漂亮+ Airbnb的ESLint配置

我设置了Airbnb的ESLint配置，并发现它非常有帮助。

这里是捕获。我目前正在运行的Airbnb ESLint配置与普瑞蒂尔并不搭配。例如，对于JavaScript字符串，Prettier被格式化为包含双刻度和Airbnb的ESLint，如单刻度。当我使用Prettier格式化代码时，Airbnb的ESLint不同意。

我知道肯特兹做与ESLint CONFIGS，其中包括了一些工作，example here.

但我似乎无法找到一个解决方案，让我用更漂亮的魔力格式化我的代码Airbnb的ESLint。

谢谢@halfer为我修剪！ –

不用担心。我们要求尽可能在这里免费发布聊天和元评论。 – halfer

我会更好，@halfer！ –

所以，你有你的.eslintrc文件，与物业"extends": "airbnb" 添加另一个属性，规则，以及你会写在那里将覆盖从制作的Airbnb继承

"extends": "airbnb", 
"rules": { 
    "eqeqeq": 2, 
    "comma-dangle": 1, 
}

现在这里的那些规则，我只是覆盖两个随机规则，你将需要寻找你需要的一个:)

或者我误解了你的问题？

2017-09-13 15:47:57

我会研究这个评论。但你的解决方案似乎是现货。感谢您花时间回答！ –

基本上它turns off是有代码的造型做的，因为prettier无论如何都会照顾它的所有规则。

因此，您只需将此插件与任何其他所需的eslint插件（如eslint-config-airbnb）一起安装，并在您的eslint配置中将其添加到extends字段。例如：

{ 
    "extends": ["airbnb", "prettier"] 
}

2017-10-01 18:12:34 timetowonder

以下是按推荐顺序的几种方法。我宁愿采用第一种方法，因为您将不再需要为将来可能发生冲突的其他规则而烦恼。

i）安装eslint-config-prettier并从.eslintrc延伸。这样做会关闭一些内ESLint格式相关的规则可能与更漂亮冲突：

{ 
    "extends": [ 
    "airbnb", 
    "prettier" 
    ] 
}

ii）将"singleQuote": true到.prettierrc配置文件：

{ 
    "singleQuote": true, 
    ... 
}

iii）加入--single-quote命令行选项，当您调用更漂亮：

$ prettier --single-quote ...

IV）关闭ESLint的quotes规则您内配置文件（和潜在的其他可能冲突）：

{ 
    "rules": { 
    "quotes": "off", 
    ... 
    } 
}

2017-10-25 17:31:03

回答