VSCode - 灰色未使用的导入

Question

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

我找到并尝试了几种设置，但没有一个对我有用。基于此链接，自 1.19.0 版以来应该是可能的

我尝试按照此处所述设置 tsconfig，但唯一的影响是编译过程中出现大量错误。

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

Answer 1

对我来说，问题是我已经关闭了javascript.validate.enable，所以即使editor.showUnused设置为 true，它也不起作用。所以对我来说解决办法是同时拥有：

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

Answer 2

VS Code 1.24为 JavaScript 和 TypeScript 添加了此功能

VS Code 附带内置支持淡出 JavaScript 和 TypeScript 中未使用的局部变量/参数/导入。您可以通过设置启用/禁用此功能：

// 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"
  ]
}

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

Answer 3

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

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