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

在WebStorm中无法将ESLint修复应用于选择，并且我怀疑ESLint具有用于此的API。但是您可以从.eslintrc import your code style preferences，然后使用内置的格式化程序（代码|重新格式化代码）来格式化所选内容

Answer 2

不幸的是，WebStorm（实际上是WebStorm的ESLint插件）不支持“内联ESLint修复”操作，有关 Reformat Code 的选项也会重新格式化文件的所有代码（那不是您想要的）。目前，您还只能使用WebStorm中的“修复ESLint问题”选项。

对WebStorm中的标记区域使用ESLint修复

2 个答案: