vscode eslint不标红
时间: 2024-12-31 15:41:36 浏览: 84
### 解决方案
为了确保 VSCode 中 ESLint 能够正确显示错误标红,需确认几个配置项和设置是否恰当。
确保已安装 `ESLint` 和 `Prettier - Code formatter` 扩展[^1]。这些工具不仅提供语法检查功能,在保存文件时还能自动修复一些简单问题[^2]。
#### 配置 `.eslintrc.json`
创建或修改项目根目录下的 `.eslintrc.json` 文件来定义编码风格规则:
```json
{
"env": {
"browser": true,
"es2021": true
},
"extends": [
"eslint:recommended",
"plugin:react/recommended"
],
"parserOptions": {
"ecmaVersion": 12,
"sourceType": "module"
}
}
```
此配置示例设定了基本环境变量并继承推荐的 ESLint 规则集。
#### 设置 VSCode 用户/工作区设置
打开命令面板 (`Ctrl+Shift+P`) 并输入 `Preferences: Open Settings (JSON)` 来编辑全局或当前项目的 JSON 设置文件,加入如下条目以激活所需行为:
```json
{
"editor.codeActionsOnSave": {
"source.fixAll.eslint": true
},
"eslint.validate": ["javascript", "javascriptreact"],
"eslint.alwaysShowStatus": true
}
```
上述配置使得每次保存文档时都会触发 ESLint 的自动修复机制,并且始终展示状态栏中的 ESLint 图标以便于监控。
通过以上步骤可以有效解决 VSCode 中 ESLint 不标红的问题,确保开发过程中能够及时发现潜在代码质量问题。
阅读全文
相关推荐










