VSCode TreeItem select - visual-studio-code

I have a new TreeItem,on explorer view. How can I change items status when I click it. And I want to choose multiple items,when I press shift and click item at the same time.

Unfortunately, this is not possible with VS Code, yet.
Please check the following link and put a thumbs up reaction to the top comment, so that it will get more consideration from the VSCode developers :)
VSCode Github - Implement multi-select in left-panel file tree

Related

Visual Studio Code - Drag Explorer Feature

My request to VSCODE repo was dropped, but I still want to add it, even if I don't know how to do it by my self
Drag the heck explorer to the bottom panel, same as search or source control
Any idea of how to do it? can be possible creating an extension?
dropped issue: https://github.com/microsoft/vscode/issues/108252
right click beside search and check explorer

How to enable timeline view in VS code?

Timeline view has come recently for VS code updates and show history of the file changes but i accidentally click hide or some place and it got hidden. How to bring that back?
Context-Click (Right-Click) on the title bar of the View container and select the View that you have removed.
Or choose command View: Reset View Locations
Press Ctrl+Shift+E and it will open Explore Tab to the left (which shows all the files & folders in the current directory).
Click the three dots on the right, as shown in picture and click Timeline to enable Timeline tab..
This seems to be an bug in VS code and yet to be fixed. If it is not fixed for your version, you can remove the timeline.excludeSources setting from your user settings, and that should restore the view.
To find user settings you can Ctrl + Shift + Q and find Preferences:
Open User Settings. There search for timeline and remove the key
value.

VSCode SCM tab suddenly disappeared

I must have pressed a wrong combination of keys with my crooked fingers which caused the version control tab to disappear from the sidebar.
Then I found source control tab somewhere in VSCode, dragged it into the sidebar, it shows the changes, however, the icon is completely different and also it doesn't show the number of current changes.
What happened?
In the below screenshot the yellow icon is what I have for SCM now.
Thanks 🤞
I had to use the View: Reset View Locations command to solve this problem in Visual Studio Code version 1.47 (macOS - Catalina).
To do this, just press Cmd+Shift+P (macOS) or Ctrl+Shift+P (Linux/Windows), type workbench.action.resetViewLocations, then press Enter.
Release notes - May 2020 (version 1.46)
As #rioV8 commented - what solved it for me was to right click on the icon and click "Reset Location"
I am not sure what you actually dragged to the activity bar vscode is really modular in this way; hard to say without being there, but you can re-enable SCM button.
Even if you use the short cut to open the source control view (CTRL + SHIFT + G, it will disappear again after you focus out of it (when it's not enabled).
To re-enable it, right-click anywhere on the Activity Bar and select 'Source Control'
From version 1.46 it is now possible to drag and drop panels and views
If a panel/view is not in a spot you want and you want it back in its original place you can Right Click on the panel/view header and choose Reset Location.
Try right clicking on the bar and you should see a menu like the one below
recheck the source control and the icon should appear.
For people who applied the methods above but still could not see the source control panel where you could jump to editted files quickly but only the side bar, here is the way you can fix it:
After you have got the source control panel appeared, right click any available tabs you have inside the panel, such as commits, file history, branches etc. Then make sure you chose the Source Control.
If the "Source Control" panel is not on the side/activity bar or dissapeared for some reason, you check it on the "Explorer" panel. If you don't see it on the Explorer list, you can find it on the top right menu of the explorer panel. You can just check it and then it appears on the Explorer panel list.
Then you can just drag the Source Control panel and drop it on the side/activity bar. It gets back to its original place.
Finally!!!
As of vscode v1.75 you can reset all the view locations from the Layout Control button near the upper right:

How to hide one unknown menu in VS Code?

There is one weird menu which i need to get rid of. Even when I split vscode environment into more pages (two,three...) it creates this menu for every page area. I have not even find what is the name of this menu, much less how to hide it. Please, does anyone at least know what is the name of this menu?
Those are source control buttons, try to uncheck some of these.

How to Display VS Code output window to side rather than below

In my VS Code set up I see the output/FSI frame below the main text editor pane like this:
whereas I would love it to appear to the right in the side-by-side view like it does on the images in this link: http://www.wintellect.com/devcenter/jwood/a-quick-look-at-f-in-visual-studio-code
Is there a config option I cannot find somewhere?
I tried Googling but drew a blank and cannot see anything obvious in the config options mentioned on the vs code site page describing the config options
as of version 1.51.1 right click in the right corner on the output panel. then select option 'move panel right'
I don't believe you can detach/move the output windows in Visual Studio Code. You can move the side bar to the left/right side, but that's it. There is no config option, sorry.
You could try posting a feature request on the GitHub page: https://github.com/Microsoft/vscode
EDIT: This was changed in VS Code 0.10.8, it was once on the side but was moved to the bottom. See this GitHub issue: https://github.com/Microsoft/vscode/issues/2806
This feature is not available yet in VS Code. However as of today (March 30, 2017) it's on 6 months roadmap so it should be done in a near feature.
This feature is available from version 1.18.0+
Simply click this icon to dock to the right:
Just follow the steps mentioned:
In Visual Studio Code -
View Tab > Appearance > Toggle Panel Position
That's it.
Your original link to the view your desire is obsolete, so it is a guess as to what you wanted. But here is a demo of setting up a terminal/output look side-by-side. It is a little tricky - you drag your Outline header over the Terminal header which will then allow you the option of putting it to the left or right of the Terminal:
its easy. just right-click on the terminal, select 'move panel right' like in the image below and voila
the image can be found here
Vertical Split:
From VS Code Menu bar:
View >> Appearance >> Move Panel Right
Version 1.47.0 of VS Code (at the moment of posting this, the latest one) allows you to drag output (or any other panel tab, e.g. terminal) to the activity bar. This way you can obtain output to the side of the editor.
Just right click on the panel of output section then select "Move panel left or right" as per your wish.
here your can see the move panel left option.
Press CTRL + SHIFT + P
Select Preferences: Open User Settings (JSON)
Insert (or change if it is there --search for it) the following config line:
"workbench.panel.defaultLocation": "right",
Save file.
That will work for new workspaces. VS-Code saves your preferences for each folder you start it in. So, if you navigate to a folder you previously called VS-Code in (I mean, from the terminal), it will open the output panel in the same location it was the last time you have used VS-Code from the same location.
After making the change above, go to a new place, like /opt and start VS-Code there to make a test.