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

Posted 2023-03-13

【中文标题】VSCode 错误装饰默认为文本不透明度（而不是下划线波浪）

【英文标题】：VSCode Error Decoration Defaults to Text Opacity (instead of underline squiggly)

【发布时间】：2019-02-14 05:31:07

【问题描述】：

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

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

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

https://gyazo.com/1d2f0a629db5db1257973a83fb7e5432

【问题讨论】：

您确定 ts-lint 报告了未使用的变量，还是来自打字稿？当您将鼠标悬停在错误上时，它的来源是什么？

@MattBierner 是的，你是对的，它来自打字稿，如 gyazo gif 所示。这会改变事情吗？ gyazo.com/1d2f0a629db5db1257973a83fb7e5432

【参考方案1】：

未使用的变量由 VS Code 的内置 javascript 和 TypeScript 支持报告。为了让它们更明显，告诉 TypeScript 将这些视为错误/警告，并使用项目的 noUnusedLocals 和 noUnusedParameters 编译器选项 jsconfig.json 或 tsconfig.json

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

或者，您可以在 VS 代码中使用 workbench.colorCustomizations 为它们配置自定义边框颜色：

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

这会为未使用的变量添加一个底部边框，而不会将它们变成编译器错误/警告