如何在VSCODE中使用拆分編輯器功能

使用拖拽標籤、右鍵菜單、快捷鍵（如Ctrl \）或命令面板可拆分編輯器；2. 拆分後可形成垂直、水平或網格佈局的編輯組；3. 通過拖動標籤或使用快捷鍵（如Ctrl 1/2/3）在組間切換；4. 可調整分割大小、在窗格間移動文件並跨分割導航錯誤；5. 通過關閉標籤、使用右鍵菜單或“Join All Editors”命令管理並合併分割；6. 可在設置中配置自動側邊打開文件的行為；分割編輯器功能靈活，適用於代碼對比、編寫和重構，且能無縫集成到工作流中。

The split editor feature in Visual Studio Code (VSCode) lets you view and edit multiple files—or different parts of the same file—side by side. This is especially useful when comparing code, copying logic between files, or working on related functions. Here's how to use it effectively.

How to Split the Editor

You can split the editor window in several ways:

• Drag and drop a tab : Click and drag a file tab to the side, top, or bottom of the editor area. A visual guide will show where the split will appear.
• Right-click a tab or file in Explorer : Open the context menu and choose Split Editor , Split Editor Right , Split Editor Down , or similar options.
• Use keyboard shortcuts :
  • Ctrl \ (or Cmd \ on Mac) – Splits the current editor vertically.
  • Ctrl 1 / Ctrl 2 / Ctrl 3 – Switch between editor groups (1 = first, 2 = second, etc.).
  • Ctrl Alt ↓ or Ctrl Alt → – Move between editor groups.
• Command Palette : Press Ctrl Shift P , type “split”, and choose from options like Split Editor Right or Split Editor Below .

Working with Multiple Editor Groups

Once you've split the editor, you're working with separate editor groups. These can be arranged in various layouts:

• Vertical split – Most common for comparing code side by side.
• Horizontal split – Useful when you want to see different sections of a long file (eg, header and implementation).
• Grid layout – You can create a 2x2 grid or other combinations by splitting multiple times in different directions.

To move files between groups:

• Drag a tab from one group to another.
• Right-click a tab and choose Move Editor to Left/Right/Up/Down .
• Use Ctrl Shift Alt → (or arrow key) to move the active editor group in that direction.

Resize and Navigate Between Splits

• Hover over the divider between splits and drag to resize.
• Click inside any editor pane to focus it.
• Use Ctrl Tab to cycle through open files across all groups.
• Press F8 to jump between errors, even across split views.

You can also set VSCode to automatically split editors when opening multiple files:

• Go to Settings ( Ctrl , ), search for “editor: open side by side”.
• Enable Workbench › Editor › Enable Preview and adjust Open Next to Editor settings if needed.

Close and Manage Splits

• To close a single split, click the × on the tab or press Ctrl W .
• To close all but the current editor, right-click the tab and choose Close Others .
• To remove an entire editor group, hover over the tab bar and click the × on the group header.

You can also use the Join All Editors command in the Command Palette to collapse all splits into one.

Basically, the split editor is flexible and integrates smoothly into your workflow—whether you're reviewing, writing, or refactoring code.

以上是如何在VSCODE中使用拆分編輯器功能的詳細內容。更多資訊請關注PHP中文網其他相關文章！