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

Question

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

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

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

https://gyazo.com/1d2f0a629db5db1257973a83fb7e5432

标签： visual-studio-codevscode-settingsvscode-extensionstslint

Answer 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"
}

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