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

Question

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

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

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

https://gyazo.com/1d2f0a629db5db1257973a83fb7e5432

Answer 1

VS Code 的内置 JavaScript 和 TypeScript 支持会报告未使用的变量。为了使它们更加明显，请使用 noUnusedLocals 告诉 TypeScript 将它们视为错误/警告。和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"
}

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