如何在 Visual Studio Code (VSC) 中打开多个文件？

Question

How can multiple files be opened in Visual Studio Code (VSC)?

For some reason, my copy of Visual Studio Code can only open one file at a time. For example, if there are two files in the workspace folder, let's say an HTML and CSS file, both cannot be opened simultaneously. If one file is open, clicking any other item in VSC's file explorer will replace the current file. VSC will not open the other file in a new editing tab.

I am not concerned with running multiple instances, Workspaces or folders of VSC. I just want to open two files in the same folder. Is there a configuration setting controlling this? Or is this the result of upgrading to the latest version of VSC? Is just a "new feature" of VSC?

It's seems ridiculously simple, but I need help. I am running Visual Studio Code v. 1.24.0 for Windows 10 64 bit.

Visual Studio Code screenshot:

Answer 1

In VS Code, if you click once on a file, it opens it in a temporary tab. This is helpful if you are looking into a bunch of files searching for something, without opening every single one of them.

If you want to open a file in a new tab that persists until closed manually, double click on the file.

You can also persist a tab that was previously created as a temporary tab by double clicking on the tab. Note that temporary tabs have a cursive title, while normal tabs do not.

Answer 2

Others have mentioned double-clicking the file in order to open it, however, I will suggest an alternative approach:

Within your settings, under workbench, set:

"workbench.editor.enablePreview": false
"workbench.editor.enablePreviewFromQuickOpen": false,

This will allow you to open the files with a single click, as opposed to double-clicking. It may seem minute, but it was incredibly annoying to have to double-click every single file.

Answer 3

VS Code, by default, keep this option enabled to open a file in a temporary file, this feature comes in handy when you want to just take a look at some code.

If you want to open a file in a new tab, just double click on the tab or double click on the folder you want to open from explorer or once the file is opened press the short-cut key ctrl + k + enter .

---

You can even disable this option in File > Preferences > Settings , under the user settings.

Paste this code in your user's setting.

"workbench.editor.showTabs": false

Answer 4

Please follow below steps:-

File > Preferences > Settings . Now you will see USER SETTINGS and WORKSPACE SETTINGS.

Click on WORKSPACE SETTINGS . Now search for workbench.editor.showTabs and change it's value to true .

I tested this by turning it false and it restricts from opening multiple files in tabs. When it's false whenever you open one file only that file will be opened and the earlier file gets closed.

When set to true, you can open as many files you want and all files will be a new tab.

Answer 5

Go to 'settings' in VSCode and search for 'preview' then on the 2nd position from the top you will find " Workbench › Editor: Enable Preview " simply untick it and your problem will be solved.

In this GIF you can see it's working properly.

Answer 6

VS Code ，打开设置，搜索“showTabs”并选中或启用复选框。

Answer 7

If you ctrl+click or shift+click and highlight all the files in the sidebar, then you can click and drag them all to whatever area of the editor you want.

Answer 8

只需双击文件即可在新选项卡中打开

Answer 9

Double click on the file and it will be opened permanently in the visual studio window until closed manually. If you single click on the file, then the file can be replaceable if some other file is opened.

Answer 10

Short Answer : 1. Double click on the file. (OR) 2. ctrl + k + enter and single click on the file.

Answer 11

Try the 3 dots on the upper right hand side corner,right beside the icon for splitting the the editor. From the drop down check if the option keep editors open is enabled.If not enable it.

Answer 12

在文件资源管理器上打开文件并使用 Visual Studio 代码打开。

Answer 13

You can use VS Code with the extension "vscode-arduino". It will allow you to manage multiple .ino files as Tabs as in the Arduino IDE does. Plus the advantages of intellisense.

Set up Arduino System

We need to change a few system settings before we can start programming. All of these can be accessed via VS Code's interface.

Once you have opened up an Arduino .ino file, VS Code reconfigures in an Arduino mode, and gives access to special functionality in its bottom blue margin.

1. Click on and select AVR ISP (Arduino AVR Board)

2. Click on and select Arduino/Genuino Uno

To set the serial port that VS Code will communicate with your Arduino Uno we need to open up the Command Palette (Cntrl+Shift+p) and then type “Arduino Select Serial Port”. You should then select which USB port your Uno is connected to.

You can access the Serial Monitor by clicking on the plug symbol on the blue line

This extension includes a package manager, which makes external package installation really easy. Open up the command palette and type “Arduino package manager”. A new tab should appear that features many packages to install just by clicking on a button.

Verify and Upload Your Code

VS Code in Arduino mode provides a couple of convenient icons for you to click for code verification and uploading to your connected Arduino board. These are available in the upper right-hand corner. Either operation will result in a console window appearing at the bottom of VS Code informing you of the outcome.

Checkout the Maker.pro website for a complete how to tutorial

https://maker.pro/arduino/tutorial/how-to-use-visual-studio-code-for-arduino

PS: don't forget to enable multiple tabs on VS code settings

File > Preferences > User > Workbench > Editor Management

Answer 14

go to Setting--> type in the search box 'json'--> under 'Launch' click on "edit in setting json" then make the workbench.editor from false to true showing below.

"workbench.editor.showTabs": true, "workbench.editor.enablePreview": true