Visual Studio Code Not Displaying Invisible Characters/Spaces - visual-studio-code

I am currently working on writing code for a Source Game Engine map file. I have issues with Visual Studio Code not displaying certain invisible characters.
When using notepad++, I can see there are invisible characters in between the lines:
But when I open it up in visual studio code, it's as if the invisible character doesn't exist.
This is what I see when using visual studio code:
I have asked my friends who also do the same thing (making Source Engine Maps) and they all don't have this issue. One of my friends sent me this image:
This is what he sees in his own editor, with squares representing the invisible character/space:
I've done a few things to try to fix this issue:
Changing fonts (I used a custom font but reset to default to see if it had any impact)
Changing encoding setting (UTF-8 was what my friends used but I tried tinkering around)
Changing editors (Tried Atom/Sublime but only Notepad++ even shows there being an invisible character)
Updated / reinstalled language packs
Enabling whitespaces
After everything, I still have the same issue. Are there other possible fixes/causes for this issue?

Fixed
I just had to enable Render Control Characters in visual studio code.

Related

Problem with ZSH arrows' colors in Visual Studio Code

I've tried installing oh-my-zsh on my Windows 10 machine recently and everything is looking alright inside Windows Terminal,
ut when I try using it inside VSCode's integrated terminal, the colors are way off and the arrows' colors are different from the rest.
Imgur link to what my terminal looks like since Stack Overflow won't let me post any photo: https://imgur.com/a/3myV6wf
I've tried multiple Powerline fonts, modifying VSCode color theme and changing the terminal foreground color, but the result is always the same.
Thanks in advance for your help
I was perplexed by this as well, turns out it's something that recently broke in VS Code as a result of a new accessibility feature introduced in version 1.66. The solution is to add the following to your VS Code settings.json file:
"terminal.integrated.minimumContrastRatio": 1,
Enforcing a minimum contrast ratio for terminal colors is a great idea that will help users with impaired vision, but an unintended consequence was that it would interfere with the way powerline-style tools render separator characters. Thankfully Microsoft offered us a way to disable it.

Visual Code Prettier How To Keep Space At The Start Of A Function

I have just switched over to Visual Studio Code and I am using the extension prettier.
I like it but it keeps removing the space at the beginning of a function that I would like to keep see this gif.
How do I prevent it from removing the space on save I have gone through all the options with no luck?

How to prevent Visual Studio Code Flutter/Dart Editor from formatting new line/wrapping code?

I recently started working on Flutter/Dart, I like the flutter autoformatting on-save, but one thing might or might not be related is the code wrapping for long code even if code is still fitting my 4k editor window.
Is there a way to prevent new line but keep the comma auto format?
Thanks
Follow the instructions below:
Open Settings.
Expand Extensions and click Dart & Flutter on the left.
Find Dart: Line Length.
Change it to the value you want.

How to highlight cells in vscode?

Hello,
I have been using vscode (Visual Studio Code) text editor for couple of days. I have come from Spyder IDE for python. I am developing a great likeness towards vscode. It encompasses all of my needs to python programming with also being lightweight.
However, one thing that I am missing and wish it were here in vscode is cell highlighting. Though the editor has feature to segment the code into several cells by typing # %% before a block, it lacks the feature to highlight the cell where mouse pointer is hovered on.
Maybe, there is an option there in settings.json but i don't know where it is in particular. Though it is not a great lack or causes major issues but i like to enable this feature in my vscode editor.
Below pictures illustrate my point.
Previous image is the visual studio code editor and the below one is for Spyder IDE.
It seems it is supported now.
Bellow there's a screenshot for the current version of VSCode using Microsoft's Python extension.
If this answers the question, please, inform as answer.

sublime text-like code scrollbar on visual studio code

I have recently switched from Sublime Text to Visual studio code, but there is something that i truly miss, and it is the scroll bar at the top right corner of the which shows a smaller version of the file being edited (I don't know the exact name).
I find it pretty useful to navigate through my files, especially when i want to start deleting blocks of code i have commented out, before i submit my code.
Is there any plugin to get this on visual studio code, or is there any ongoing plans in order to implement it? Thanks!
Tracked in this feature request: https://github.com/Microsoft/vscode/issues/4865