Sorting tabs in VS Code - visual-studio-code

If I open the following files in Visual Studio Code: style.css, comments.php, archive.php, footer.php
VS Code shows the tabs in the following way:
archive.php | comments.php | footer.php | style.css
I need to show it in the order that I open it, that is: style.css | comments.php | archive.php | footer.php
In other editors, it works like this.
How can I configure to show me the tabs in the order that I open the files?
Try this but you do not have that option "explorer.sortOrder": "modified"

workbench.editor.openPositioning: right should work for you.
Workbench › Editor: Open Positioning
Controls where editors open. Select left or right to open editors to
the left or right of the currently active one. Select first or last to
open editors independently from the currently active one.

Related

Is there a way to search and select between current opened tabs in Visual Studio Code?

In visual studio code, press command + p, there is a search input and can search and select files,
but in this list, there are some other items, such as recently opened(don't know the exact rule how they will display there)
Is there a way in Visual Studio Code to search and select between currently opened tabs?
Ctrl+Tab shows opened editors
Ctrl+p and type edt Space
and then you can type your desired file name(if needed).
Ctrl+k Ctrl+p works same as point (2) with pre filled edt word.
you can enable(check/tick) open editors from EXPLORER Side Bar dropdown menu and it shows Opened editors in Explorer

Visual Studio Code - Insert new tabs to the right

In Visual Studio Code, is there any way to have new tabs open to the right of all existing tabs? When I click a file in the explorer, it inserts the new tab to the right of the currently opened file's tab, instead of placing it at the end of my tab list.
See here for example. I'd like the dashboard.component.html to open at the end of my tab list, instead of right in the middle of my currently ordered tabs. We have this feature in Visual Studio like this.
Try:
"workbench.editor.openPositioning": "last"
Workbench › Editor: Open Positioning
Controls where editors open. Select left or right to open editors to
the left or right of the currently active one. Select first or last to
open editors independently from the currently active one.
Click the gear icon in the lower left, choose "Settings", search for the above setting and change to last.

How to open files in new tabs in Visual Studio Code

I recently started using Visual Studio Code and I would like to know, is a way to open files in a new tab? Currently whenever I open a new file the files I currently have open disappear. I say new tab, but any option that will let me open a new file in the same window as the old one works.
I have tried disabling Preview Mode through the workbench settings as shown in this answer: How to config vscode to open files always in a new tab?. However, when I choose Open or Open Recent the new file still replaces my old file.
Thanks.
Once you have to open your settings file, add the "workbench.editor.enablePreview" property and set value to false.
For 1.21.1 version.
In user settings =>
"workbench.editor.enablePreview": false,
"workbench.editor.enablePreviewFromQuickOpen"
the best way i found.
Starting with VSCode 1.52 (Nov. 2020), you should not have any more issue: all files will open in new tabs, even in preview mode.
Better handling of preview editors:
Preview editors are now better handled with numerous improvements based on feedback and making this feature work more consistent.
The setting workbench.editor.enablePreviewFromQuickOpen is now disabled by default so that editors opening from quick open will not appear in preview mode anymore.
When you start a navigation (e.g. go to definition), the editor you start from will move out of preview mode to keep it open while the new editor will be in preview mode until you navigate further.
We changed all of our custom trees (the ones used from extensions or Git changes view for example) to work more consistently like our built-in trees (like the explorer).
This means, the following interactions now apply to all of them:
double-click or mouse-middle-click to open non-preview
Enter to open non-preview (Space to open in preview-mode)
Note: if you are the author of an extension that is leveraging our custom tree API, you can benefit from this change as well.
Make sure to use vscode.open or vscode.diff commands for the TreeItem.command and you are in!
A new menu item in the editor overflow menu allows to quickly turn off preview editors altogether:
You need to double click on the name of the file. Also, it needs to be done swiftly elsewhere you will be opening in the same tab.
You can drag and drop file near to the opened tab and the file will open in new tab.
Thanks everyone. Double clicking and dragging was useful, but it still didn't solve my problem when opening files from different projects with the "Open File" menu command. I found that Multi-root Workspaces is what I was looking for. https://code.visualstudio.com/docs/editor/multi-root-workspaces
This is likely due to Visual Studio Code opening file in what's called "Preview Mode", which allows you to quickly view files, ideally if a tab is in Preview Mode then its title in the tab bar, will be italic.
To disable Preview Mode set "workbench.editor.enablePreview": false in your settings file or use the "workbench.editor.enablePreviewFromQuickOpen" option to disable it only from the quick open menu.
Alternatively, use command palette CTL+Shift+P (to get all settings) VScode settings then in User => Workbench => Editor Management you can uncheck Enable Preview and Enable Preview from Quick Open to get the same results described above

VSCode save/restore window layout

Can I somehow save window layout(with opened files) in VS Code and then restore it?
I am looking for an alternative for Emacs C-x r w <register> where I can interactively open different saved views.
Example: split the window into 3 views, open the same file in all of them scroll to different locations, save it, open other view where it's only 1 window open and then restore the 3 window view(the one I saved).
On Visual Studio Code: File -> Preferences -> Settings.
Search for Window Restore Windows -> click the dropdown and select "preserve". This will save Visual Studio Code's window layout for the next time you reopen the program.
It's very simple.
File/Preferences/Params
At right top corner click on "show params as JSON"
Add this param : window.restoreWindows": "all"
This param allow to restaure all opened file by project/folder.
If you open 2 windows with 2 differents projects, each will have files restored :)
Warning : visual studio code doesn't manage more than one windows in same on launch.
To fix that you need to create a file.bat containing this code :
code C:\path\of\one\folder && code C:\path\of\another\folder (for example)
and then create a shortcut somewhere to call this file.bat with lauchy for example :)

RubyMine quick doc on intellisense?

Is it possible to show quick documentation about highlighted item on the intellisense menu in RubyMine like Eclipse does for Java?
View | Quick Documentation or it can be configured to appear automatically on explicit code completion in Settings (Preferences on Mac) | Editor | Code Completion: Autopopup documentation.