如何移除VSCode中代码警告的红色下划线？

1. 配置VS Code编辑器（settings.json） #

打开VS Code设置（快捷键Ctrl+,），点击右上角的{}进入JSON编辑模式，添加以下配置，直接控制编辑器的下划线显示逻辑：

// 全局编辑器下划线规则
"editor.underline": {
  "errors": true,  // 保留错误的红色下划线
  "warnings": false // 关闭警告的下划线
},
// TypeScript专属下划线规则
"typescript.underline": {
  "errors": true,
  "warnings": false
},
// ESLint专属下划线规则
"eslint.underline": {
  "error": true,
  "warn": false
}

2. 调整ESLint规则（.eslintrc.cjs） #

如果需要区分特定规则的错误/警告级别，可以修改ESLint配置文件，确保你想保留红线的规则设为error，想隐藏的设为warn：

module.exports = {
  // ...其他已有配置
  rules: {
    // 示例：将未使用变量设为警告（配合编辑器配置隐藏下划线）
    "no-unused-vars": "warn",
    // 示例：将未定义变量设为错误（保留红线）
    "no-undef": "error"
  }
};

3. 处理TypeScript的ts(6133)警告 #

针对你提到的未使用变量触发的ts(6133)警告，除了编辑器配置隐藏下划线，也可以在tsconfig.json中控制编译器是否触发该警告：

{
  "compilerOptions": {
    // 关闭未使用局部变量的编译警告
    "noUnusedLocals": false,
    // 关闭未使用参数的编译警告
    "noUnusedParameters": false
    // ...其他编译选项
  }
}

以上配置完成后，只有ESLint和TypeScript标记的错误会显示红色下划线，所有警告的下划线都会被隐藏，完全匹配你的需求。

内容的提问来源于stack exchange，提问作者Brandyn Coverdill