WebStorm 设置默认引入的文字颜色

WebStorm 会把文件里没被用到的 import 语句画成灰色，提示你这行是死代码可以删掉。这个提示挺有用，但默认那个灰在深色主题下常常淡到几乎看不见，或者反过来——某些主题下正常的 import 也偏灰，让我误以为它没被引用。

这篇记的是 import 语句配色的设置位置，主要是「未使用的 import」这个高亮项，把它调成更明确的颜色或者改用删除线，判断起来会准得多。

设置位置

打开设置面板，进入 Editor → Color Scheme，然后分两处看：

1. Color Scheme → General → Errors and Warnings → Unused symbol：这是「未使用符号」的通用配色，未使用的 import、变量、函数都走它。选中后可以改 Foreground 换颜色，或者在 Effects 里选 Strikeout（删除线）配合使用，比单纯调灰度更容易分辨。
2. Color Scheme → JavaScript（TS 项目看 TypeScript）：这里能改 JS/TS 各类语法元素的颜色，比如 Global variable、Local variable、Instance field 等，import 进来的标识符按其类型走对应配色。

改配色的同时也可以顺手关掉这个检查：Editor → Inspections 里搜 Unused import，取消勾选后灰色提示就不再出现，不过我不建议关，留着它清理死代码很方便。

下图是这块配色的面板，重点看左侧树的定位路径以及右侧 Foreground 与 Effects 两行的设置。

注意事项

1. 配色属于当前主题的 scheme，改动前 WebStorm 会提示创建副本，换主题需要重新配。
2. 未使用 import 是靠静态分析判断的，动态引用（比如只在模板字符串或 eval 里用到）可能被误判为未使用，删之前确认一下。
3. 想批量清理，用 Code → Optimize Imports（Ctrl + Alt + O）一次性删掉当前文件所有未使用的 import，比手动删靠谱。