對WebStorm中的標記區域使用ESLint修復

Question

我們在項目中使用ESLint，因此我想在開發過程中使用ESLint規則格式化代碼。 我正在使用WebStorm，當前始終使用上下文菜單之外的“修復ESLint問題”功能。 不幸的是，這格式化了我不需要的整個文件。

有誰知道如何格式化WebStorm中集成的集成“重新格式化代碼”功能（僅對選定區域進行格式化）但符合ESLint規則的格式？

這是我的eslintrc配置

{
    "extends": "eslint-config-airbnb-base",
    "rules": {
        "no-console": ["error"],
        "import/no-extraneous-dependencies": {
          "optionalDependencies": true
        },
        "indent": [ "error", 4] ,
        "arrow-parens": ["error", "as-needed"],
        "max-len": [ "error", 120, 4, { "ignoreComments": true, "ignoreUrls": true} ],
        "no-underscore-dangle": [2, { "allowAfterThis": true }]
    },
    "env": {
        "jest": true,
        "es6": true,
        "node": true
    },
    "parserOptions": { "ecmaVersion": 9 }
}

Answer 1

無法將ESLint修復應用於WebStorm中的選擇，並且我懷疑ESLint具有用於此的API。 但是，您可以從.eslintrc 導入代碼樣式首選項 ，然后使用內置的格式化程序（ Code | Reformat Code ）來格式化選擇

Answer 2

不幸的是，WebStorm（實際上是WebStorm的ESLint插件）不支持“內聯ESLint修復”操作，有關“重新格式化代碼 ”的選項也會重新格式化文件的所有代碼（這不是您要查找的內容） 。 目前，您還只能使用WebStorm中的“修復ESLint問題”選項。