Gremlins tracker for Visual Studio Code
This Visual Studio Code extension reveals some characters that can be harmful because they are invisible or looking like legitimate ones.
- When there is a zero-width space in the code, the extension shows a red bar
- When there is a zero-width non-joiner in the code, the extension shows a red bar
- A few characters that can be harmful have a light red or orange background
- Non-breaking spaces
- Left and right double quotation marks
- Move the cursor over the character to have a hint of the potential issue
- A gremlin icon is shown in the gutter for every line that contains at least one of these characters
You can also use the “Unicode code point of current character” extension to show information about the character under cursor in the status bar.
Adding new gremlins characters
You can configure the list of characters and how they are shown under user settings key
Please help enhance the extension by suggesting new default characters, through Pull Requests or Issues.
Standing on the shoulders of giants
VS Code Gremlins was initialy heavily inspired by Sublime Gremlins, a Sublime Text 3 plugin to help identify invisible and ambiguous Unicode whitespace characters (zero width spaces, no-break spaces, and similar.).
I later discovered the “Gremlins” name had already been used a long time before, in some editors:
Here's how it looks in recent versions: