漂亮+ 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

回答