How do you hide the indent arrows in Visual Studio Code? - visual-studio-code

I recently opened vscode and saw this arrow showing up when I highlight indents.
I think it has something to do with the font I'm using. How do I hide it?

look up whitespace in settings; there's an option to show it all the time, only when highlighted, or never.
I believe the default annoyingly changed to 'when highlighted' in the most recent version, so you can switch it back to never.
edit as per comment below:
the exact setting is editor.renderWhitespace

Related

How to fix auto indent not working in Visual Studio Code

I set 'Full' on Auto Indent option
enter image description here
But this option does not work when I add new line in any file, and no matter what language I'm using.
enter image description here
I think when I press enter to add new line right after brackets or something, the editor should add tab automatically.
This is vscode running on other computer:
enter image description here
I deleted everything in setting.json file, but this problem is still appear.
How do I fix it?
(Sorry for my bad English. I'm not good at it :()
In VS Code, head to Settings and search for tabSize. Uncheck the checkbox "Editor: Detect Indentation" and set a preferred value for "Editor: Tab Size" (e.g. 4). Restart VS Code and it should work.

How to remove spotlighted lines in VSCode [duplicate]

The Visual Studio editor highlights the current line by changing the background color of the current line. Is there a simple way to disable this highlighting? Otherwise, which parameter in Fonts and Colors dialog controls the background color of the currently selected line in the editor?
Is there a simple way to disable this highlighting?
Tools -> Options -> Text Editor, in the Display group, uncheck "Highlight current line"
Which parameter in Fonts and Colors dialog controls the background color of the currently selected line in the editor?
The colors are named "Highlight Current Line (Active)" and "Highlight Current Line (Inactive)"
To disable the border around the current line
In VS 2019
Go to : Environment -> Fonts and Colors:
Find the display item: Highlight Current Line
Set the item foreground color to: Automatic
In VS 2017 and earlier
Go to : Tools -> Options -> Text Editor:
Find the display items:
Highlight Current Line (Active)
Highlight Current Line (Inactive)
Set the item foreground color to: Automatic
if its visual code make
"editor.renderLineHighlight": "none"
The Visual Studio editor highlights the current line by changing the background color of the current line.
The only time I've seen this is when "Use Windows High Contrast settings" is enabled (Options > Environment > General)
With this setting disabled, I just get a subtle grey box to indicate the current line (this may depend on your Color Theme):
If you're using Resharper, it's:
Tools -> Options -> Text Editor:
ReSharper Current Line Highlight
press -> Ctrl + comma
Search => Render Line Highlight
select none from the options
In addition to the previous answer, I'd like to mention that Visual Assist (the tomato icon) also have an highlight current line feature, that can still be active while your Visual Studio highlight option is turned off.
This drove me crazy! Find it in Visual Assist Option panel, Display category.
So don't forget to also uncheck the VisualAssist highlight option.
edit
my settings:
Visual Assist option turned off
Visual Studio option turned on (in the Text Editors part)
In the font color settings, for Highlight current line (active and inactive), set the foreground to Automatic
Finally you can set your highlight color as you want with the background color.
Last point, sometimes Visual Studio mess things up even more, you may have to restart it, or close/open your tabs... sadly, YMMV.
For VsCode 2021 version users
Workspace > Text-Editor > Render Line Highlight > none
Visual assist and vsvim extensions were conflicting. So I disabled it within the visual assist options.
Uncheck the option: Highlighting->Highlight results of Quick Find and Find in Files.
For some reason "esc" doesn't work .

How can I set the default option in Visual Studio Code's Quick Open View?

Up until now I've been using Ctrl+Q to trigger View: Quick Open View. The first option was Explorer, so if I Ctrl+Shift+F to search something I return the Explorer back to the sidebar by Ctrl+Q only.
Today, the first option changed and I have no idea why. It's set to an extension's sidebar view.
If I disable it the first option becomes Bookmarks. How can I tell VS Code I want Explorer to be the first option, like it's always been?
See https://github.com/microsoft/vscode/issues/90232
It was a regression in v1.42 that is due to be fixed in the v1.42.1 recovery update.

How do I turn on text wrapping by default in VS Code

Usually when I use VS Code, very first thing I do on new document is command: "Toggle Word Wrap" or Alt+Z. I tried looking into User Settings, but I didn't find any relevant entries. Is there some way to have text wrapping 'on' for every document by default?
The setting is now "editor.wordWrap": "on", which should be set to "on" (the default value is "off").
Switching to "on" activates word wrap on all documents in Visual Studio Code.
See the release notes about Word Wrap changes for more info.
Version 1.32.3
If you don't want to edit any files you can just turn it on under user settings:
Code > Preferences > Settings > Text Editor
Type "wordwrap" in the search or scroll to bottom of the list just before the cursor section. You'll see it as "Word Wrap / Controls how lines should wrap."
Have a look at the setting editor.wrappingColumn (see the docs for more information)
Update 2017-04-06:
Recently the setting changed (see here) to editor.wordWrap with several options:
We therefore decided to deprecate editor.wrappingColumn (with its -1,
0, >0 cases) in favor of editor.wordWrap.
Here are the new word wrap options:
editor.wordWrap: "off" - Lines will never wrap.
editor.wordWrap: "on" - Lines will wrap at viewport width.
editor.wordWrap: "wordWrapColumn" - Lines will wrap at the value of editor.wordWrapColumn.
editor.wordWrap: "bounded" - Lines will wrap at the minimum of viewport width and the value of editor.wordWrapColumn.
In 2020, here are simple steps to do it.
Click on 'File' on the top menu.
Click on 'Preferences' --> 'Settings'.
Scroll a little bit until you find 'Editor: Word Wrap'.
Click on the dropdown menu and choose 'on'.
Done. Settings will be saved by default.
Hope this helps.
So easy. This solution worked for me.
Click on 'File' on the top menu.
Click on 'Preferences' --> 'Settings'.
Search Word Wrap in the search box then you will see Editor: Word Wrap.
Click on the dropdown menu and choose 'on'.
It will definitely work.
Thank You.
Firstly go to the setting-> the search on search box word wrap-> then on the word wrap option.
Open User Settings Json and add ( As shown in the image below)
"editor.wordWrap": "on",
Press ctrl + , from the keyboard.
This will take you to the settings tab.
Type word wrap in the search tab.
Click on Editor: Word Wrap drop down.
Select on.
You are done.
See the image and follow the red boxes.
caw5v's answer mentions that word wrapping would not work if accessibility is on.
But that will change with VSCode 1.73 (Oct. 2022):
We disable word wrap when accessibility is turned on.
I would remove this limitation due to three reasons
User feedback
Now the status bar is accessible and Ctrl + g announces line number so it is much easier to figure out what line you are on
WordWrap is off by default if the user turns it on he or she should be aware of it
This is now the new policy available today in VSCode Insiders:
If you activate Word Wrap, it will be active even if Accessibility mode is on.
For those still having issues, make sure to check if 'Accessibility Support' is on. While "on" word wrapping can be disabled if a screen reader is detected.
settings > user&workspace > accessibility support
This worked for me. I run two additional monitors, however, I use an m1 macbookpro so support for two monitors is not available. To solve this I use a displaylink connection. Vscode appears to identify my displaylink connection as an accessibility screen reader.

Is it possible to make Eclipse's code-folding gutter black?

Is there a way (I'll settle for a hack) to make the code-folding gutter in Eclipse render with a black background? I'm clinging to TextMate as my main editor but would really like to go back to Eclipse for code completion, but I'm stuck with this ugly crap: http://gfx.notbrain.com/eclipse_code_fold_gutter.png
After you change the background color of the editor, disable then re-enable code folding and click apply this seems to fix the color problem however keeps that ugly white line separator.
I found a nice work around until this is fixed. First disable folding by default (preferences->C++->Editor->Folding) for new editors.
Then, whenever you open a new editor the folding 'column' wont be available. Now, open a new editor, Right-click on the far left of the text (the line numbers if they're enabled) and select 'enable folding' (or press Ctrl + /).
Then, anything that is to be folded by default will be folded and the folding +'s and -'s will be available on the dark background - no color glitches.
Gargh, doesn't look like it... this guy has the same issue:
http://blog.codefront.net/2006/09/28/vibrant-ink-textmate-theme-for-eclipse/
EDIT: Looks like this has been filed as a bug with Eclipse already, see:
https://bugs.eclipse.org/bugs/show_bug.cgi?id=194313