当我打开.html
文件时,似乎eslint扩展在VSCode中不是startet。
如果我执行ESLint: Fix all auto-fixable Problems
并打开.html
文件,我会收到以下消息:
ESLint没有运行。默认情况下,仅验证JavaScript文件。如果要验证其他文件类型,请在\'eslint.validate \'设置中指定它们。
当我在vscode中打开.js
文件时,一切正常。
我已经安装了eslint-plugin-html
插件。
当我手动将.html
文件传递给eslint CLI时,一切正常,因此我认为这不是eslint插件的问题。
这是我完整的settings.json
文件:
{
"eslint.options": {
"extensions": [".html", ".js"]
},
"eslint.validate": [
"javascript",
{
"language": "html",
"autoFix": true
}
]
}
这是我的.eslintrc.js
文件的开头:
module.exports = {
env: {
browser: true,
es6: true,
},
extends: 'airbnb-base',
globals: {
Atomics: 'readonly',
SharedArrayBuffer: 'readonly',
},
parserOptions: {
ecmaVersion: 2018,
sourceType: 'module',
},
plugins: [
"align-assignments", "html",
],
settings: {
"html/report-bad-indent": "error",
},
rules: { ...
我已经看过eslint is running but not showing any lint errors/warnings和How can I get ESLint to lint HTML files in VSCode?,但没有一个答案对我有帮助。
请注意,我甚至没有看到截图中描述的ESLint
输出通道:https://stackoverflow.com/a/54138880/4349415
当我打开.js
文件时,我只能看到这个ESLint输出通道,告诉我ESLint服务器有startet。
问题不在于ESLint或VSCode,而在于另一个VSCode第三方扩展:Mako
(版本0.2.0)
https://marketplace.visualstudio.com/items?itemName=tommorris.mako
禁用此扩展可修复HTML文件中的ESLint支持。