visual studio code auto add space to special characters? - visual-studio-code

I am using some extensions like Monokai Pro, Prettier, Quokka, Tabnine AI, TODO highlight ... and here is my problem
I want to code a very simple code, like this
rest1.numGuests ??= 10;
and my VS code auto make this tobe like this one
rest1.numGuests ? ? = 10;
it makes my code to be errors.
I am searching how to fix this one but still do now know how to fix, could you please give me some advices ? Thank you very much for your time.

Related

How can do auto-indent upon newline in VS Code like this

In this situation,
When I add newline at if (level >= curr_log_level),
at this setting,
It becomes
If I try other Editor: Auto Indent preferences, (keep, brackets, advanced, full), all the four settings give:
I don't want this either, what I want is:
I tried many different settings that VS Code offers,
but I couldn't find something that does what I want to do exactly.
CLion provided such formatting, but its debugging is too slow so I'm switching to VS Code.
Is there such formatting option?
If not, how can I customize formatting?

How to format Visual Studio Code's underscore

I am new to the programming community as I just started my work just recently.
The problem that I'm having is that my underscore looks like this "__" and not like this "_ _". I wanted to see the space between the underscores. I was fiddling with VS code settings while googling for about 3 hours, and I have yet to arrive at an answer to fix my problem.
Thank you
There's a configuration on VS code called "letterSpacing".
Just go to preferences and search.
If you increase the letter spacing, then the underscores will look like what you want.

Visual Code, Fold Comments

Visual Studio Code 1.24.1
While I was working on something today. It prompted me to do an update which I did (Update was to 1.24.1). I'm not sure if I hit a shortcut accidentally at about this same time or if this was caused by the update.
But I seem to no longer be able to use comments as a fold point.
However again, I'm not sure if I hit a shortcut of some sort, or if this was caused by the patch.
and my googlefu did not help me find an answer for visual studio code. Found many old topics about visual studio (prof not code) and for other editors. but couldn't find a topic specific to VSC.
I liked to use comments as fold points \ section headers.
Example of comments I used to use as fold points
Is this a bug in VSC 1.24.1 or did I hit a shortcut I'm unaware of?
VS Code has a method of marking the start and end of a region that can be folded and expanded easily. And also provide it a name/short description that'll always be visible.
I've tried this on Javascript code and I believe it'll work on any language in VS Code. And you can have anything in between the start and end of region - comments, few lines or code, entire functions.
In the absence of proper code folding, this is a pretty good work around that'll work for all languages on VS Code.
//#region <REGION NAME>
< You can put any type of code in here - some lines of code, functions or single or multi-line comments.
//#endregion
For python, simply omit the // in the demarcation lines, since # is a valid comment indicator:
#region <REGION NAME>
...
# any code goes here, including multiple comment lines
...
#endregion
A kind of hack I found for react is using empty tags for example
<>
{/*
Your commented code
*/}
</>
This allows you to fold the commented code between the empty tags. You can go a step further and add regions as mentioned in the other answer to add some kind of description to it

VS Code: change letter spacing (kerning)

How do I change the horizontal letter spacing in VS Code?
I'd like to reduce it a little, in other words, I want to change this:
to this:
As of VS Code 1.13, there is an "editor.letterSpacing" setting.
For example, I'm using the following code in my settings to tighten up the letter spacing ever so slightly:
{
"editor.letterSpacing": -0.15
}
I actually just went the opposite way after installing the wonderful Victor Mono font which I found to be too narrow and wanted to expand the kerning.
I was able to set this by simply searching in the User Settings (CTRL+SHIFT+P) for spacing and there are two separate boxes that were set to 0 for terminal and editor. You can change the value and see it update live, which is really cool.
This is as of my current version of VS Code 1.39.2 on Mac OS Mojave.
I set my terminal to 1 and the editor to 0.7 and it looks amazing now and all is right with the world.

Better color syntax for CoffeeScript in emacs?

I've seen that when I write a function in coffeescript-textmate it colors the name of function
pleasePutMeSomeColor = () -> console.log "textmate works great!"
in this example pleasePutMeColor is colored inside textmate. This allows me to recognize which are functions much quicker. But when I write the same example inside emacs this word isn't colored. It is harder to identify which are functions.
Is there a way to highlight functions with a different color in emacs?
Are you using defunkt's coffee-mode? That's the only CoffeeScript syntax highlighting plugin for Emacs that I'm aware of; it's under active development, so feel free to submit an issue if you have a specific suggestion.
yup...I'm going to answer my question:
Inside github there is a defunkt coffee-mode fork that adds syntax highlighting for functions.
https://github.com/handle/coffee-mode
It isn't perfect but works well...I hope that it will be added to the official coffe-mode repo.