Blue moving bar in VSCode under the Tabs - visual-studio-code

Does anyone know what the blue moving line (from left to right) under the tabs in Visual Studio Code means?
This is no the same that appears in the explorer.
I observed at:
Version: 1.58.2
Commit: c3f126316369cd610563c75b1b1725e0679adfb3
Date: 2021-07-14T22:09:06.581Z
Electron: 12.0.13
Chrome: 89.0.4389.128
Node.js: 14.16.0
V8: 8.9.255.25-electron.0
OS: Darwin x64 20.5.0

Related

Remote-SSH: How to enable and use an extension in VS Code?

I am following this tutorial:
https://code.visualstudio.com/docs/remote/ssh-tutorial
I have the extension installed..
And I can see the green button
But when I look for the Remote-SSH command in the search bar that pops up, I cannot find it
Am I missing a step?
This is my vs code version info
Version: 1.67.2 (Universal)
Commit: c3511e6c69bb39013c4a4b7b9566ec1ca73fc4d5
Date: 2022-05-17T18:20:57.384Z (4 mos ago)
Electron: 17.4.1
Chromium: 98.0.4758.141
Node.js: 16.13.0
V8: 9.8.177.13-electron.0
OS: Darwin x64 19.6.0
For some reason command+shift+p brings up the menu with > Remote Connection shown, but the green button does not. Not sure what the difference is.

VSCode Color Picker not showing up on hover

VSCode added a color picker a long time ago, but I'm not getting it to show up in my css files. For example:
.text {
color: #000000;
}
When I hover over the hex code in a css file, nothing happens.
I have Editor: Color Decorators turned on, but that didn't work. How do I get it to show up?
About my VSCode:
Version: 1.63.2
Commit: 899d46d82c4c95423fb7e10e68eba52050e30ba3
Date: 2021-12-15T09:37:28.172Z
Electron: 13.5.2
Chromium: 91.0.4472.164
Node.js: 14.16.0
V8: 9.1.269.39-electron.0
OS: Darwin x64 19.6.0
I had to install the PostCSS extension https://marketplace.visualstudio.com/items?itemName=csstools.postcss

Why press F12 go to type definition rather then definition?

When I press F12 or ctrl click, it goes to a index.d.ts, but I think it should go to a .js/.ts source file.
It behaves same as Go to Type Definition.
Is this a bug? Or is there any setting about this?
Here is my VScode about information and the platform is macOS:
Version: 1.63.2 (Universal) 
Commit: 899d46d82c4c95423fb7e10e68eba52050e30ba3
Date: 2021-12-15T09:37:28.172Z
Electron: 13.5.2
Chromium: 91.0.4472.164
Node.js: 14.16.0
V8: 9.1.269.39-electron.0
OS: Darwin arm64 21.2.0

Remove Vertical Line in the center of the VS Code Editor view

How can I remove this vertical line from the VS Code Editor view? I have looked at the various settings and can find no way to remove it.
Version: 1.36.1 (user setup)
Commit: 2213894ea0415ee8c85c5eea0d0ff81ecc191529
Date: 2019-07-08T22:59:35.033Z
Electron: 4.2.5
Chrome: 69.0.3497.128
Node.js: 10.11.0
V8: 6.9.427.31-electron.0
OS: Windows_NT x64 10.0.16299
Go Settings - Rules - Edit in settings.json - Quit a number
C:\Users\spssvc\AppData\Roaming\Code\User
Navigate here and remove the number from Settings.json as mentioned above by #David.

Activate the References View in VSCode 1.30

The November 2018 release of Visual Studio Code advertises the new References View:
https://code.visualstudio.com/updates/v1_30#_references-view
The View is "hidden at startup". How can I activate it? Right-click on the Activity Bar does not show the option. Also, right-clicking any symbol does not show "Find All References".
Is this feature limited to a set of languages? I tried it with C and Python projects.
Version: 1.30.0
Commit: c6e592b2b5770e40a98cb9c2715a8ef89aec3d74
Date: 2018-12-11T22:29:11.253Z
Electron: 2.0.12
Chrome: 61.0.3163.100
Node.js: 8.9.3
V8: 6.1.534.41
OS: Windows_NT x64 6.1.7601
Try with the below steps (done for Javascript):
Version check
1) Not yet used
2) First use
3) After first use