Function Selection highlighter/wrapper is missing in VS Code - visual-studio-code

When I put the mouse pointer inside a function, the entire function should be marked like the picture. But it is missing now. Please suggest me some fixes regarding this issue. https://i.stack.imgur.com/5OL0Y.png
N.B: Currently I'm running VS Code 1.41.0 with Flatland Monokai theme.

If by "marked" you mean the yellow line connecting the opening and closing bracket, then this is part of the Bracket Pair Colorizer extension. There are two versions in the Marketplace, I am using version 0.0.29 and tested it with your theme.
The lines should be enabled by default, however, you might want to check your settings JSON for:
"bracket-pair-colorizer-2.showVerticalScopeLine"
"bracket-pair-colorizer-2.showHorizontalScopeLine"

Related

Highlighting problem in Jupyter Notebook - VSCode

Lately when using Jupyter Notebook in VS Code to write some assignments for my studies I ran into a quite annoying problem - whenever there is a mistake in my code cell that prevents it from running, the "traceback" (or however you call it) to the place where the error persists is colored with a high-contrast marker (the color depends on the theme used) and makes the content pretty much invisible unless you manually "select" it with the mouse coursor. Is there any way I could fix it without going too much in-depth into VSCode/Jupyter Notebook extension settings?
The highlighting looks like shown below.
Yellow syntax marker problem.
And another one here.
I tried all the themes preinstalled with VS Code such as Monokai, Solarized Light etc., and also a custom theme of my choice called Dracula.
Thanks in advance.
This issue has recently reappeared. While the issue is being fixed you can change the highlight colour within the vscode settings.
Open settings and search for "Workbench:ColorCustomizations"
Image of settings page
Create or alter the "terminal.ansiYellow": "#eed202" to a more appropriate value like "terminal.ansiYellow": "#9b4550". See the linked image.
Credit for this fix: https://github.com/microsoft/vscode-jupyter/issues/8717#issuecomment-1241776226
I also have this problem. It looks like they fixed it less than 1 month ago as of writing this, so it may go away if you update to a recent pre-release of Jupyter in VS Code. Personally, I am going to live with it until the next stable release.
My version of Jupyter in VS Code:
Screenshot of Jupyter Versions
Screenshot of vscode-jupyter github: Screenshot of vscode-jupyter github
https://github.com/microsoft/vscode-jupyter/issues/8697

Visual Studio Code Blue Block

So this started happening all of a sudden? I can't seem to figure out how I might've enabled this nor how to disable it? I've tried ctrl+esc and all that with 0 results. I've also looked into the settings for highlights, code blocks and indents with no luck. Anyone out there know how to remove this setting from VS Code?
Thanks!
Put this line in your settings.json file:
“sqltools.highlightQuery”: false
Save the file and go back to your SQL file. The highlighting should now be gone.
I also had this same setting or configuration happen to me out of no where after doing some visual studio code updates. I also found that this blue block highlighting only seem to occur on SQL like syntax. So I looked through my extensions and I only had 2 related to SQL syntax. I disabled the "SQLTools" extension I had installed and the blue blocks went away:
This extensions official site can be found here:
https://vscode-sqltools.mteixeira.dev/
I haven't looked but may there is a way to disable this setting.

Removing Visual Studio Code current code block highlight

Does anyone know how to turn off the current code block highlighting, it only highlights the block of code you are currently editing. In the picture its the fun yellow line. I think it was added in 1.22.2
It's a feature of Bracket Pair Colorizer plugin that I think you're using. See the plugin's marketplace page for settings guide.

Indentation issue after pushing code from Brackets Editor to Github

For my code I'm using Brackets. In editor, code looks proper but after pushing it to github repository, indentations are messed up.
I'm using tab key to make indentation but in preferences there is set "use 2 spaces" after pressing tab key.
I've find out that Github is using 8 spaces for recognised tab keys. But still, it does not give me anything.
The biggest problem is when I use "one var statement".
I've also used jsbeautifier and it doesn't help me at all.
Here you can find an example: My Github code example
Does anybody had such a problem with brackets and github indentations?
Yes I had such problems.
These problems did not reappear when we moved to eslint inside of our IDE. The setup varies for each IDE. You can refer https://eslint.org/docs/rules/indent
If setting eslint is hard for you. Try bracket extensions like https://github.com/brackets-beautify/brackets-beautify . When used correctly it will beautify on save. Caution: Dont beautify code written by others or a team.

Is there a way to improve linting errors highlight in Visual Studio Code?

Currently eslint/tslint highlighting for issues/errors is super invisible (comparing, for example, to Atom). Its almost impossible to catch the issue - find the small green highlight zone (see screenshot)
VSCode:
Atom:
Question is not relevant since June 2018 (VSCode now has awesome highlights)
Simple. I use 2 extensions for that:
Error Lens (usernamehw.errorlens) for highlight the entire line and show on real time the error diagnostic
Error Gutters (igorsbitnev.error-gutters) for put error icons next of line number
Both look like this:
For those who would like a partial solution for this you can actually open up the console in vscode on the PROBLEMS tab to display all errors on across your application grouped by file.
I would prefer the inline visualised approach, but this does resolve this problem more or less.
To open the PROBLEMS tab, click CMD+Shift+M on Mac.
Not sure about windows.