ESLint检查svelte文件

ESLint检查svelte文件

在项目根目录创建了 .eslintrc 配置文件,内容如下:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
{
"parserOptions": {
"ecmaVersion": 2020,
"sourceType": "module"
},
"env": {
"es6": true,
"browser": true
},
"rules": {
"semi": ["error", "never"]
},
"plugins": [
"svelte3"
],
"overrides": [
{
"files": [
"*.svelte"
],
"processor": "svelte3/svelte3"
}
],
"ignorePatterns": ["scripts/*"]
}

个人习惯是语句末尾不加分号,但是以上规则在 VSCode 中没生效,ESLint 只检查了 JavaScript 文件。

解决方案,修改 VSCode 用户 settings.json 配置文件,添加以下配置项:

1
2
3
4
"eslint.validate": [
"javascript",
"svelte"
]

这样在 VSCode 中就会检查 svelte 文件中的 JavaScript 语法了。