VSCode 错误修饰默认为文本不透明度（而不是下划线波浪线）

Question

我的 TSLint 未使用设置导致编辑器将警告显示为降低的不透明度而不是下划线。

我希望警告显示为下划线，但我似乎找不到更改它的设置。

我知道下划线警告有效，因为对于拼写检查器它有下划线。但它不适用于 TSLint 未使用的变量。

https://gyazo.com/1d2f0a629db5db1257973a83fb7e5432

Answer 1

VS Code 的内置 JavaScript 和 TypeScript 支持会报告未使用的变量。为了使它们更明显，告诉 TypeScript 将它们视为 error/warnings，并使用 noUnusedLocals 和 noUnusedParameters 编译器选项，您的项目的 jsconfig.json 或 tsconfig.json

{
    "compilerOptions": {
        "module": "commonjs",
        "target": "es2016",
        "jsx": "preserve",
        "noUnusedLocals": true,
        "noUnusedParameters": true,
        "allowUnreachableCode": false,
    },
    "exclude": [
        "node_modules",
        "**/node_modules/*"
    ]
}

或者，您可以使用 workbench.colorCustomizations:

在 VS 代码中为它们配置自定义边框颜色

"workbench.colorCustomizations": {
    "editorUnnecessaryCode.border": "#f0f",
    "editorUnnecessaryCode.opacity": "#000f"
}

这会为未使用的变量添加底部边框，而不会将它们转入编译器 errors/warnings

VSCode 错误修饰默认为文本不透明度（而不是下划线波浪线）

VSCode Error Decoration Defaults to Text Opacity (instead of underline squiggly)

tslint

visual-studio-code

vscode-extensions

vscode-settings