VSCode - 灰显未使用的导入

Question

是否可以配置VSCode以便将未使用的导入显示为灰色？ 我有VSCode 1.21.0，使用Typescript 2.7.2

我发现并尝试了几种设置，但没有一种适用于我。基于此link，自版本1.19.0以来应该可以实现

我尝试按照here所述设置tsconfig，但唯一的影响是在编译期间出现了很多错误。

似乎是如此基本的要求，我甚至会将其视为默认设置。在其他编辑器（例如WebStorm）中肯定是可能的。我喜欢VSCode，但我真的很想念这个功能。

Answer 1

对我来说，问题在于我已关闭javascript.validate.enable，因此即使editor.showUnused设置为true，也无法正常工作。所以对我来说，解决办法是同时拥有：

{
  "javascript.validate.enable": true,
  "editor.showUnused": true
}

Answer 2

此功能已添加到JavaScript和TypeScript with VS Code 1.24

VS Code附带内置支持，用于淡化JavaScript和TypeScript中未使用的本地/参数/导入。您可以setting启用/停用此功能：

// For all languages (it is enabled the default)
"editor.showUnused": true

// Or just for a specific language
"[typescript]": {
   "editor.showUnused": true
}

扩展程序还可以添加对其他语言的支持。

您还可以在noUnusedLocals或noUnusedParameters或jsconfig中设置tsconfig和/或{ "compilerOptions": { "noUnusedLocals": true, "noUnusedParameters": true }, "exclude": [ "node_modules", "**/node_modules" ] } ，将未使用的变量标记为警告：

private dataset = [data1, data2];
private dataset2 = dataset;

除了将它们变灰之外，这会为未使用的变量添加一个波浪形和错误：

Answer 3

我认为你需要等待一段时间，因为他们有计划很快发布这个。

结帐此链接 Suggestion: Show unused imports in VS Code Editor as grayed #8165

Answer 4

使用正确的规则更新项目文件夹中的tslint.json文件：

{
  "rules": {
    "no-unused-variable": true,
    .........
    .........
  }
}

还要在vscode中验证：

"typescript.autoImportSuggestions.enabled": true

未使用的导入将被报告为警告。 tslint documentation中的更多信息。

Answer 5

别忘了选择语言模式。