How do I pin a Pinned tab in VS Code? - visual-studio-code

I'm using VS Code and thought a pinned tab would remain where it was pinned (it was the top left tab).
However, if I open up a bunch more tabs and start tabbing to those, my pinned tab disappears off to the left somewhere.
How do I pin it in place?

Related

VS Code permanently disable bottom panel

VS Code v1.64.0 brought a new side panel and as a result, all my workspaces now open with a big empty bottom panel covering up half the screen. Gets old fast manually closing that repeatedly. Is there a way to permanently disable the bottom panel across workspaces?

VS Code - show sidebar or panel exclusively

Is it possible to configure VS Code to hide Side Bar when Panel is shown and hide Panel when Side Bar is shown? I work on a laptop so the screen estate is at premium. Thus I would like to have both Side Bar and Panel on the right (so Editor can use the full screen height) but never show them at the same time as the triple Editor/Panel/SideBar does not fit the screen.
Alternatively it will be nice to show both Panel and Sidebar on the right, but with Panel below Side Bar, but that I guess is just not supported by VS Code.

How to fix tab key in VS Code to the code editor window only

When editing code and I hit TAB I expect the typical 4 spaces to be inserted and the cursor to move. In VS Code, if I hit TAB it takes me to the ... in the upper right of the application, tab again it goes to the Open Editors. Its like TAB is jumping around the editor instead of tabbing into my document.
How does one fix that. Or was a setting changed?
At the bottom of the application, I noticed a Tabs move Focus was lit. I clicked it and it turned off. Not sure how it turned on or what turns it on, but if I click it off, tabs go back to normal. Strange.

How to detach Outline from Explorer

Problem: Detaching the Outline section from Explorer and moving it to the right side.
Tried: right-clicking, changing the settings - cannot find where and how the Outline section be detached from Explorer.
Question: is it possible to detach the Outline Panel from Explorer Panel?
Is there another extension, which the same functionality as Outline, which could be placed on the right side?
Thank you!
This should be supported directly in VSCode 1.64 (Jan. 2022), with the new side panel.
New Side Panel
This milestone, we introduce the Side Panel, a new surface in the workbench to house views from the Side Bar or the bottom Panel appearing opposite the Side Bar.
Unlike the historical ability to move the bottom Panel to the left or the right of the editor, the new Side Panel works in addition to the bottom Panel so you can see more sets of views at once.
To use the Side Panel, you'll need to move some views over to it.
Based on one of our most upvoted feature requests, you might want to move Outline from the Side Bar to Side Panel.
You can do this by dragging and dropping the view into the Side Panel.
If the Side Panel is not open, just like the bottom Panel, dragging a view to the edge of the editor area, will pop it open.
Alternatively, you can use the Move View command for something more keyboard friendly.
Moving Outline View to the Side Panel:
Yes you can, click on the Outline Title Bar and you can move it to any other panel, even the bottom Problems/Terminal panel.
You don't need any special extension for it. Almost all panels can be moved around in VSCode
You cannot have a Floating Window however.
You also Cannot have Two Sidebars
If you want to have the sidebar to the right go to View - Appearance - Move Side Bar Right
As of now, no you cannot have two sidebars, this is the issue tracking that feature.
I can suggest an alternative, you can move the outline to the bottom panel, where the terminal is so that you can have both at the same time but just not as a sidebar.
like this:
or like this but attaching two Bottom Panel tabs together.
Here is a Demo on how to do it
So after a lot of searching, I finally came up with my own solution. Apologies in advance for the poor screenshot quality. I used Microsoft's Steps Recording not realizing the image compression would be so poor.
First, open up a new terminal (Ctrl+Shift+`)
Make sure that the terminal tab is active in the panel. Right click the terminal name on the right-hand side and select "Move into editor area.
"
You can then right-click the now-tabbed Terminal in your editor space and select "Split down."
Your editor should look like the image below. However, we're not done yet! Here's where the magic happens. Open another terminal.
Things will look weird but this is going to work.
Click the "Outline" header in the sidebar and drag it into the bottom terminal panel:
Sidebar > (Outline) > Terminal Panel
Next, right-click on the tab bar of the bottom panel and select "Move Panel Right"
Et voila! You should how have a sidebar on the left, and Outline on the right, and a Terminal on the bottom!

VS Code: How to hide the bottom panel, no matter which tab I'm on?

I've found shortcuts to show/hide Problems (Cmd+Shift+M) or Output (Cmd+Shift+U), but these require two button presses to hide the bottom pane if it's not currently on those respective tabs.
How can I hide and show the bottom panel with a single button press, regardless of which tab is currently active? Similar functionality as Cmd+B, which hides the left-hand bar no matter whether Explorer, Debug etc. is active.
By default in VSCode Ctrl/Cmd+J shows and hides the Panel, no matter which one you are focused on.
Not a direct answer to your question, but if you're only interested in hiding the bottom panel then you can just hit either of these shortcuts twice: (i.e.
Cmd+Shift+M+M) once to take you to that panel, the second to hide that panel.
ctrl + `
This shortcut is responsible for showing/hiding the bottom panel that contains terminal, debug, output, etc.