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

Web Dev

Render's Support

I'm really happy with Render's support and will be recommending them for people to consider

Web dev

Free tools to improve your website

There are lots of freely available tools to help get a sense check on how your website is doing and recommend improvements