目次
編集者を分割する方法
複数のエディターグループと協力します
スプリット間でサイズを変更してナビゲートします
スプリットを閉じて管理します
ホームページ 開発ツール VSCode vscodeでスプリットエディター機能を使用する方法

vscodeでスプリットエディター機能を使用する方法

Aug 16, 2025 am 10:48 AM
vscode 分屏编辑

ドラッグアンドドロップタグを使用したり、メニューを右クリックしたり、ショートカットキー(CTRL \など)、またはコマンドパネルを使用してエディターを分割します。 2。分割後、垂直、水平、またはグリッドのレイアウトで編集グループを形成できます。 3.タグをドラッグするか、ショートカットキー(Ctrl 1/2/3など)を使用してグループ間を切り替えます。 4.セグメンテーションサイズを調整し、ペイン間でファイルを移動し、セグメンテーション全体でエラーをナビゲートできます。 5.右クリックメニューまたは「すべての編集者に参加」コマンドを使用して、セグメンテーションを管理およびマージします。 6.設定で側面にファイルを自動的に開くという動作を構成できます。セグメンテーションエディターは柔軟で、コード比較、書き込み、リファクタリングに適しており、ワークフローにシームレスに統合できます。

vscodeでスプリットエディター機能を使用する方法

Visual Studioコード(VSCODE)の分割エディター機能を使用すると、複数のファイル(同じファイルの異なる部分)を並べて表示および編集できます。これは、コードの比較、ファイル間のロジックのコピー、または関連する関数の作業に特に役立ちます。効果的に使用する方法は次のとおりです。

編集者を分割する方法

エディターウィンドウをいくつかの方法で分割できます。

  • タブをドラッグしてドロップします:[ファイル]タブをクリックしてドラッグして、エディター領域の側面、上、または下部にドラッグします。ビジュアルガイドが、分割がどこに表示されるかを示します。
  • Explorerのタブまたはファイルを右クリックします。コンテキストメニューを開き、分割エディターを選択し、エディターを右に分割しエディタを分割する、または同様のオプションを選択します。
  • キーボードショートカットを使用します
    • Ctrl \ (またはCmd \ on mac) - 現在のエディターを垂直に分割します。
    • Ctrl 1 / Ctrl 2 / Ctrl 3 - エディターグループを切り替えます(1 =最初、2 =秒など)。
    • Ctrl Alt ↓またはCtrl Alt → - エディターグループ間を移動します。
  • コマンドパレットCtrl Shift Pを押し、「split」と入力し、 split Editorの右または分割エディターなどのオプションから選択します。

複数のエディターグループと協力します

編集者を分割すると、別のエディターグループと協力しています。これらはさまざまなレイアウトで配置できます。

  • 垂直分割- コードを並べて比較するのが最も一般的です。
  • Horizontal Split - 長いファイルのさまざまなセクション(ヘッダー、実装など)を表示したい場合に役立ちます。
  • グリッドレイアウト- 異なる方向に複数回分割することにより、2x2グリッドまたはその他の組み合わせを作成できます。

グループ間でファイルを移動するには:

  • あるグループから別のグループにタブをドラッグします。
  • タブを右クリックして、エディターを左/右/上下に移動することを選択します。
  • Ctrl Shift Alt → (または矢印キー)を使用して、アクティブエディターグループをその方向に移動します。

スプリット間でサイズを変更してナビゲートします

  • スプリットとドラッグの間の仕切りの上にホバリングしてサイズを変更します。
  • 編集者ペイン内をクリックして焦点を合わせてください。
  • Ctrl Tabを使用して、すべてのグループのオープンファイルを循環します。
  • F8を押して、スプリットビュー全体でエラー間をジャンプします。

また、複数のファイルを開くときに編集者を自動的に分割するようにVSCODEを設定することもできます。

  • 設定Ctrl , )に移動し、「編集者:並んで開く」を検索します。
  • ワークベンチを有効にする›エディター›プレビューを有効にして、必要に応じてエディターの設定の横に開いて開きます。

スプリットを閉じて管理します

  • 単一の分割を閉じるには、タブの×をクリックするか、 Ctrl Wを押します。
  • 現在のエディターを除くすべてを閉じるには、タブを右クリックして、他のタブを選択します。
  • エディターグループ全体を削除するには、タブバーの上にホバリングし、グループヘッダーの×をクリックします。

コマンドパレットのJoin All Editorsコマンドを使用して、すべての分割を1つに崩壊させることもできます。

基本的に、スプリットエディターは柔軟性があり、コードをレビュー、書き込み、またはリファクタリングするかどうかにかかわらず、ワークフローにスムーズに統合します。

以上がvscodeでスプリットエディター機能を使用する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Clothoff.io

Clothoff.io

AI衣類リムーバー

Video Face Swap

Video Face Swap

完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

ホットトピック

WindowsにVSCodeをインストールする方法 WindowsにVSCodeをインストールする方法 Jul 27, 2025 am 03:16 AM

gotohttps://code.visualstudio.comandloadthewindowsusurinstaller.2.runthe.exefile、allowchanges、and sleatedoptionsincludingdingdinding dopathand creatingdesktopshortcut.3.clickfinishtolaunchvscodevsodevsodevsoded opef flunt.4

VSCODEとVisual Studioの違いは何ですか VSCODEとVisual Studioの違いは何ですか Jul 30, 2025 am 02:38 AM

vscodeAlightweight、Cross-PlatformCodeeditorWithide-likeFeaturesviaextensions、beyorforwebandopen-sourcededevelopment;

VSCODEで引数を使用してPythonスクリプトを実行する方法 VSCODEで引数を使用してPythonスクリプトを実行する方法 Jul 30, 2025 am 04:11 AM

torunapythonscriptwithargumentsvscode、configurelaunch.jsonbyopeningtherunanddebugpanel、作成済みのthelaunch.jsonfile、andaddinddindingedesirededesiredconguments in "arraywithintheconfiguration.2.inyourpythonscript、useargparseorsys.gparseorsys.gparseorsysces

VSCODEユーザー設定はどこにありますか? VSCODEユーザー設定はどこにありますか? Jul 24, 2025 am 02:02 AM

VSCODEユーザー設定ストレージの場所はオペレーティングシステムによって異なり、通常、ユーザープロファイルの下の特定のディレクトリにあります。 Windows PathはC:\ users&Dollar; $ username] \\ appdata \\ roaming \\ code \\ user \\ settings.jsonです。 /home$ $ username ]/.config/code/user/settings.jso

WSLでVSCODEの使用方法(Linux用のWindowsサブシステム) WSLでVSCODEの使用方法(Linux用のWindowsサブシステム) Aug 01, 2025 am 06:26 AM

installwslandalinuxdistributionbyrunningwsl - installinpowershellasadministrator、thenrestandsetupthelinuxdistribution.2.installtall the install the install "extensioninvscodetoenable withwithwsl.3.openaprojectinwslbylauchingthewsewswsewswsewswsewswsewswsewswswsligat

vscodeのフォントサイズを変更する方法は? vscodeのフォントサイズを変更する方法は? Aug 02, 2025 am 02:37 AM

TochangeThefontsizeInvScode、useoneofthesemethods:1.pensettingsviactrl、(orcmd、onmac)、searchfor "fontsize"、andadjustthe "editor:fontsize" value.2.opensettings(json)fromecommandpalette、その後、 "editor.fontsize":

VSCODEでユニットテストをデバッグする方法 VSCODEでユニットテストをデバッグする方法 Aug 01, 2025 am 06:12 AM

CreateModifyLaunch.jsonInvscodeByopeningTherunandDebugview、SelectingYourenvironment(例:python、node.js)、およびconfiguringitfo ryourtestframework(例:pytest、jest).2.setbreakpointsinyourtestfile、selectthedebugconfiguration、andstartdebugging withf5topaus

VSCODEでフォントサイズを変更する方法 VSCODEでフォントサイズを変更する方法 Jul 26, 2025 am 04:13 AM

TochangeTheFontSizeInvScode、gotofile> freedences> settings、searchfor "fontsize"、andModifythe "editor:fontsize" value.2.altentally、操作、jsonfilebyopeningthecommandpalette、 "firecences:opensetti

See all articles