VSCode - 灰显未使用的导入

作者: 一号位
发布时间: 2024-05-31 03:46:09 (2月前)
转自：

5 条回复

0#
回复此人
你瞎啊！撞我心了 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 此功能是为JavaScript和TypeScript添加的 <a href="https://github.com/Microsoft/vscode/issues/15710" rel="nofollow noreferrer"> 使用VS Code 1.24 </A> </p> <P> <a href="https://i.stack.imgur.com/j9GzG.png" rel="nofollow noreferrer"> <img src =“https://i.stack.imgur.com/j9GzG.png”alt =“在此处输入图片说明”/> </A> </p> <P> VS Code附带内置支持，用于淡化JavaScript和TypeScript中未使用的本地/参数/导入。您可以通过启用/禁用此功能 <a href="https://code.visualstudio.com/docs/getstarted/settings" rel="nofollow noreferrer"> 设置 </A> ： </p> <pre> <code> // For all languages (it is enabled the default) "editor.showUnused": true // Or just for a specific language "[typescript]": { "editor.showUnused": true } </code> </pre> <P> 扩展程序还可以添加对其他语言的支持。 </p> <P> 您还可以通过设置将未使用的变量标记为警告 <code> noUnusedLocals </code> 和/或 <code> noUnusedParameters </code> 在你的 <code> jsconfig </code> 要么 <code> tsconfig </code> ： </p> <pre> <code> { "compilerOptions": { "noUnusedLocals": true, "noUnusedParameters": true }, "exclude": [ "node_modules", "**/node_modules" ] } </code> </pre> <P> 除了将它们变灰之外，这会为未使用的变量添加一个波浪形和错误： </p> <P> <a href="https://i.stack.imgur.com/D3rZU.png" rel="nofollow noreferrer"> <img src =“https://i.stack.imgur.com/D3rZU.png”alt =“在此处输入图片说明”/> </A> </p> </DIV>

编辑
1#
回复此人
Coolkid | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 不要忘记选择语言模式。 </p> <P> <a href="https://i.stack.imgur.com/ccESB.jpg" rel="nofollow noreferrer"> <img src =“https://i.stack.imgur.com/ccESB.jpg”alt =“screenshot”/> </A> </p> </DIV>

编辑
2#
回复此人
张三岁 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 使用正确的规则更新项目文件夹中的tslint.json文件： </p> <pre> <code> { "rules": { "no-unused-variable": true, ......... ......... } } </code> </pre> <P> 还要在vscode中验证： </p> <pre> <code> "typescript.autoImportSuggestions.enabled": true </code> </pre> <P> 未使用的导入将被报告为警告。 tslint中的更多信息 <a href="https://palantir.github.io/tslint/rules/no-unused-variable/" rel="nofollow noreferrer"> 文件 </A> 。 </p> </DIV>

编辑
3#
回复此人
afs-loliaholic | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 我认为你需要等待一段时间，因为他们有计划尽快发布。 </p> <P> 查看此链接的<strong> <a href="https://github.com/Microsoft/TypeScript/issues/8165" rel="nofollow noreferrer"> <code> Suggestion: Show unused imports in VS Code Editor as grayed #8165 </code> </A> </强> </p> </DIV>

编辑

登录后才能参与评论