ESLint不运行PyCharm中的HTML

Question

我正在从事一个Django+JavaScript项目，使用ESLint作为PyCharm中的集成链接器。它适用于*.js文件，但根本不分析*.html文件中的任何JavaScript。我如何也为ESLint文件启用HTML？

这里是我尝试过的

我在这里添加了eslint-plugin-html并遵循了它的设置说明：https://www.npmjs.com/package/eslint-plugin-html

这包括将"plugins": [ "html" ]添加到.eslintrc.js中，并在PyCharm首选项中的“Language&Extra> JavaScript > Code > ESLint”输入框中添加--ext .html,.js。

下面是我的.eslintrc.js文件的样子(跳过规则)。我评论了ESLint vue插件，因为据说它与eslint不兼容，这也没有帮助。

module.exports = {
    "env": {
        "browser": true,
        "es6": true
    },
    "extends": [
        "eslint:recommended",
        //"plugin:vue/essential",
        "google"
    ],
    "globals": {
        "Atomics": "readonly",
        "SharedArrayBuffer": "readonly"
    },
    "parserOptions": {
        "ecmaVersion": 2018
    },
    "plugins": [
        "html",
        //"vue"
    ],
    "rules": {
        ...
    }
};

下面是我在ESLint首选项中的PyCharm设置的屏幕截图：ESLint首选项中的PyCharm设置

Answer 1

一个重要的问题是，在我的例子中，HTML文件被用作Django模板(这是我所描述的场景的标准方法，即Django项目)。正如lena在上面的评论中解释的那样，linting Django模板目前不支持。我从JetBrains (拥有PyCharm的公司)的官方请求中得到了同样的确认。

所以答案是-目前没有办法在PyCharm中为Django模板启用ESLint。解决方法是将JS代码移动到其他受支持的文件类型中，以使代码链接(例如，.js或.vue文件)。

JetBrains在他们的跟踪系统中打开了一个新的问题，以增加缺乏的支持，所以如果这个特性对您有影响，请在那里投票：ESLint:支持在Django模板中链接JavaScript代码。此外，使用此链接获取有关此特性是否受支持的最新更新。