Gremlins tracker 是用于可视化和清理VSCode中隐藏不可见字符的扩展,需安装后通过命令或快捷键启用,支持自定义高亮规则并手动删除异常字符。

如果您在VSCode中遇到代码行为异常、格式错乱或编译器报出难以理解的语法错误,但肉眼无法识别问题所在,则很可能是隐藏的不可见字符(如零宽空格、字节顺序标记、替代空格等)在作祟。Gremlins tracker 是一个专门用于可视化和定位这类不可见字符的VSCode扩展。以下是启用并使用它的具体操作步骤:
本文运行环境:MacBook Air,macOS Sequoia。
一、安装Gremlins tracker扩展
Gremlins tracker 扩展通过在编辑器中高亮显示不可见字符,使它们从“隐形”变为“可见”,从而便于识别与清理。该扩展不修改文件内容,仅提供可视化层。
1、打开VSCode,点击左侧活动栏中的扩展图标(四个方块组成的图标)。
2、在扩展搜索框中输入 Gremlins tracker。
3、在搜索结果中找到作者为 rebornix 的扩展,确认其名称为 Gremlins tracker 且安装量超过10万。
4、点击“安装”按钮,等待安装完成提示出现。
二、启用不可见字符可视化
安装后需手动启用显示功能,Gremlins tracker 默认处于关闭状态,以避免干扰日常编码体验。
1、按下 Cmd + Shift + P(macOS)或 Ctrl + Shift + P(Windows/Linux)打开命令面板。
2、输入并选择命令:Gremlins: Toggle Gremlins。
3、执行后,当前编辑器中所有不可见字符将立即以彩色符号形式显现,例如 ZWSP(零宽空格)显示为浅红色小方块,BOM 显示为橙色感叹号。
三、使用快捷键快速切换显示状态
为提升效率,Gremlins tracker 支持自定义快捷键,可在不打开命令面板的情况下即时开关可视化模式。
1、进入VSCode设置界面,点击左下角齿轮图标,选择“键盘快捷方式”。
2、在快捷方式搜索框中输入 gremlins.toggle。
3、右键点击该命令,选择“更改键绑定”,然后按下期望组合键,例如 Alt + G。
4、保存后,即可随时按该快捷键切换不可见字符的显示/隐藏状态。
四、配置高亮规则以过滤特定字符
Gremlins tracker 允许用户通过 settings.json 精确控制哪些不可见字符需要被渲染,避免信息过载。
1、按下 Cmd + , 打开设置界面,点击右上角“打开设置(JSON)”图标。
2、在 settings.json 中添加如下配置项:
3、插入以下代码块(确保逗号位置符合JSON语法):
"gremlins.enabled": true,
"gremlins.chars": ["ZWSP", "BOM", "NBSP"]
4、保存文件,重新加载窗口(可通过命令面板执行 Developer: Reload Window)。
五、手动定位并删除可疑字符
当Gremlins tracker 显示异常符号后,可直接在编辑器中进行光标定位与删除,无需借助外部工具。
1、将光标移至显示为 浅红色小方块 的位置(代表ZWSP)。
2、按下 Option + →(macOS)跳过该字符,确认光标移动距离异常,验证其存在。
3、将光标置于该字符前,按 Delete 键删除。
4、对所有高亮字符重复上述操作,直至编辑器中不再显示非预期符号。






