神刀安全网

VS Code Insider gets tabs

Order TOCTitle PageTitle MetaDescription
13
June 2016

Visual Studio Code June 2016 1.3

See what is new in the Visual Studio Code June 2016 Release (1.3)

June 2016 (version 1.3)

The June release of VS Code has some great new features, enhancements to existing features, and a set of important bug fixes.

Here are the highlights:

  • Editor : TBD
  • Workbench : TBD
  • Languages : TBD
  • Debugging : TBD
  • Extensions : TBD

Please continue reading for more information on what’s new in June.

Editor

Workbench

Editor Stacks

As a preparation for enabling tabs in the workbench (more details below), we revisited how you can interact with editors in VS Code. Many users coming from other editors got confused by some of the editor behaviour in VS Code, for example:

  • closing a dirty editor did not prompt for saving
  • closing an editor closed the entire group without revealing the previous editor
  • the editor history was showing a list of all editors ever opened and not a list of editors you opened in a group
  • working files view in the explorer was a confusing concept (read more on the new "opened editors" view below)

With editor stacks, we try to address these issues: You can open up to 3 editor groups side by side and each group contains a stack of editors . Every time you open an editor, the stack is growing. Closing an editor from a group reveals the editor that was previously opened in that group until the last editor closes and the group hides. You get prompted to save for dirty editors.

Use kb(workbench.action.openPreviousEditorInGroup to bring up a list of most recently used editors of a group for navigation. Press kb(workbench.action.showAllEditors to show a list of all open editors across all groups.

VS Code Insider gets tabs

Note that the behaviour of editor stacks is independent from having tabs enabled or not. So you will benefit from these changes even if you are not a fan of seeing tabs.

Note:due to the large conceptional impact of editor stacks, many command ids have been renamed and new commands introduced. Please refer tothis issue that documents all of it. It also gives some guidance if you liked the previous behaviour and explains how to change keybindings to get it back.

Preview Editors

Closely related to editor stack and tabs are preview editors . If you click around many files you might not want to see a tab opened for each file you open. Preview editors are helpful to reduce the number of opened editors (and tabs): An editor will open as preview if you open it e.g. by clicking in the explorer. As long as the editor stays in preview mode, other editors that open will open in the same spot as the preview editor. Basically you are reusing the editor for each file you open.

Certain actions cause a preview editor to become a normal editor. When you modify the contents of a file, the editor will be kept open. The same is true for when you double click on a file in the explorer or inside a tab or move a file to a specific editor group.

Preview editors are indicated using an italic font style.

VS Code Insider gets tabs

We introduced new settings to control the behaviour of preview editors:

  • workbench.editor.enablePreview to globally enable or disable preview editors
  • workbench.editor.enablePreviewFromQuickOpen to enable or disable preview editors when opened from quick open

Tabs

With this release you can enable to show editors in tabs by configuring the new workbench.editor.showTabs setting. Enabling this setting will draw tabs for each opened editor in the title area above an editor. You can move tabs around via drag and drop or right click on a tab to explore some useful actions.

VS Code Insider gets tabs

In case the available space for tabs is not enough to show all, you will see tabs overflowing to the left and right. You can always use the mouse to scroll left and right across all tabs. The little overflow icon (see image below) shows enabled as soon as there are tabs outside of the visible view. Clicking on the overflow icon shows a list of all tabs opened in the group.

VS Code Insider gets tabs

You can use the new workbench.editor.openPositioning setting to control where new editors should open. By default they open to the right of the active tab, but you can change this to open to the left, or to the beginning or end of all editors.

Opened Editors view

The new Opened Editors view in the explorer is the replacement to the previous Working Files view.

TODO@Isidor

You can hide the opened editors view by setting "explorer.openEditors.visible": 0 .

Note:Since the working files view has been deleted, please refer tothis issue to get an overview of the new or changed command identifiers.

More powerful Drag and Drop

With all the work on tabs in the editor area, we also looked at improving the drag & drop support in the editor area. We always allowed you to drop files from outside VS Code into the editor to open the files and now there is a lot more that you can do:

Drop to Split

Drag some files to the left or right area of an editor to open it to the side of that editor. You can either drag from the explorer or a tab if tabs are enabled.

VS Code Insider gets tabs

Drop Feedback

Whenever you are dragging files or a tab over the editor area you are now getting drop feedback to indicate the target position of the drop.

Drag from Explorer and Opened Editors view

You can now drag a file or editor from the explorer and the opened editors view to the editor space to open it at a specific location.

Open Recent in new Window

The command File: Open Recent from the commmand palette makes it very easy to quickly switch between previously opened folders or files. Usually the selected file or folder would open in the running instance. In this release we added support to open into a new window if you select an entry while having Ctrl ( Command on Mac) key pressed.

Restore Fullscreen

A new setting window.restoreFullscreen has been added to open VS Code in fullscreen if it was previously closed in fullscreen mode.

Problems view

Isn’t it much productive to have a view that shows all problems at one place where you can navigate through and fix them, while the editor is open? With the June release, we offer such a view called Problems view , docked at the bottom in the tool, that shows errors, warnings and other information generated by different sources like language servers, linters and others.

VS Code Insider gets tabs

A filter box is provided to search and filter among the problems shown in the view. You can either filter by type or by text, for eg: "errors" will filter for all errors. "character" will filter for problems with message containing ‘character’.

You can open the Problems view using kb(workbench.actions.view.problems) , from the View | Problems menu, or from the View > Show Problems command in the Command Palette . The key binding CTRL | CMD + SHIFT + M that was used to show errors and warnings in command palette before, will now open Problems view and toggles focus between the view and the editor.

By default, Problems view scrolls and shows problems for your active file. If you don’t want this automatic reveal behavior, you can disable it through a setting problems.autoReveal . Set problems.autoReveal to false to prevent your Problems view from changing as you switch between active files.

Note:This view is just a representation of markers generated by the language servers or linters or build tasks or any external builders configured in or outside your workspace. You have to configure or customize them appropriately in order to see the expected problems.

Integrated terminal

Languages

Debugging

Extension Authoring

Notable Bug Fixes

  • 6316: Update should reopen all last opened folders
  • 1210: Open file dialog should start in the directory for the current active file

These are theclosed bugs and these are the closed feature requests for the 1.3 update.

Downloads

Downloads: Windows | OS X | Linux 64-bit .zip .deb .rpm | Linux 32-bit .zip .deb .rpm

Thank You

Last but certainly not least, a big Thank You! to the following folks that helped to make VS Code even better:

  • User Name (@handle): Some new feature TBD.PR #TBD

转载本站任何文章请注明:转载至神刀安全网,谢谢神刀安全网 » VS Code Insider gets tabs

分享到:更多 ()

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址