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

Ruby

Using Faker with Rails

A guide to setting up Faker to work within Rails and why you'd want to

Freelancing

Things our micro business does

Here are some of the things that we do as a micro business