How to turn on invisible characters in VScode

A quick guide to turning on invisible characters in VScode

By default, VScode doesn’t display invisible, or whitespace, characters. It is easy to turn on should you need it. You can enable it from inside the application and it persists between sessions and projects. By default whitespace characters will only show when text is selected or highlighted.

To enable invisible characters at all times on iOS go to your settings page; Code -> Preferences -> Settings.

Or if you prefer keyboard commands + ,.

In the search bar on the settings page, search for Render Whitespace and with the dropdown that appears select all, this will then show all whitespace characters. From this selection you can also control other whitespace options such as turning off highlighting altogether.

Why would you show invisible characters in VScode?

The most common reason is that all whitespace characters look almost identical to the human eye, but are interpretted by computers very differently. This can lead to issues when you’re copying code from one place to another, especially in languages that care a lot about whitespace.

If you’re having a hard time understanding why a line of code is throwing a syntax error, try turning on invisible characters and seeing if that is the reason.

Recent posts View all


Forcing a Rails database column to be not null

How you can force a table column to always have something in it with Rails

Writing Marketing

We've deleted an article's worth of unhelpful words

We've improved several pages across our site by removing words that add no value, and often detract from the article.