VS Codeを使っていて、
「ファイルツリー（エクスプローラー）の位置を変えたい」
「キーボードだけでサイドバーを操作したい」
と思ったことはありませんか？
VS Codeは柔軟にレイアウトを変更できるため、エクスプローラーを右側に移動したり、ショートカットで素早く開閉したりできます。
この記事では、VS Codeのエクスプローラーの移動・操作方法 を詳しく解説します。
作業効率を上げるためのテクニックも合わせてご紹介します。
エクスプローラーとは
エクスプローラーは、VS Codeの左側に表示されているファイルツリーのことです。プロジェクト内のフォルダやファイルを一覧表示し、素早くアクセスできる重要な機能です。
エクスプローラーでできること
- ファイルやフォルダの作成・削除
- ファイル名の変更
- ドラッグ&ドロップでのファイル移動
- 検索機能
- ファイルの並び替え
エクスプローラーの表示位置を変更する
右側に移動する方法
デフォルトでは左側にあるエクスプローラーを右側に移動したい場合：
方法1：右クリックメニューから変更
- サイドバーの上で右クリック
- 「サイドバーを右に移動」をクリック
これでファイルツリーが画面の右側に移動します。
方法2：メニューバーから変更
- 上部メニューの「表示」をクリック
- 「外観」→「サイドバーを右に移動」を選択
方法3：コマンドパレットから変更
Ctrl + Shift + P（Mac:Cmd + Shift + P）でコマンドパレットを開く- 「Toggle Side Bar Position」と入力
- Enterキーで実行
左側に戻す方法
右側に移動したエクスプローラーを左側に戻したい場合は、同じ手順で「サイドバーを左に移動」を選択するだけです。
キーボードショートカットでエクスプローラーを操作
エクスプローラーの開閉
Windows / Linux
Ctrl + B
Mac
Cmd + B
このショートカットでサイドバー全体をトグル（表示・非表示）できます。画面を広く使いたいときに便利です。
エクスプローラーのみを表示・非表示
Windows / Linux / Mac
Ctrl + Shift + E
このショートカットはエクスプローラーだけを対象とした操作です。他のサイドバー要素（検索、ソース管理など）には影響しません。
フォーカスの移動
サイドバーにフォーカスを移動
Windows / Linux / Mac
Ctrl + 0（ゼロ）
サイドバーにフォーカスが移ると、上下矢印キーでフォルダやファイルを選択できます。
エディタにフォーカスを戻す
Windows / Linux / Mac
Ctrl + 1
エディタ領域にフォーカスが戻り、コードの編集を続けられます。
エクスプローラー内での操作
キーボードでのファイル操作
エクスプローラーにフォーカスがある状態で使える便利なキーボード操作：
| キー | 操作 |
|---|---|
| 上下矢印 | ファイル・フォルダの選択 |
| Enter | ファイルを開く |
| 右矢印 | フォルダを展開 |
| 左矢印 | フォルダを折りたたみ |
| F2 | ファイル名の変更 |
| Delete | ファイル・フォルダの削除 |
ファイルの作成
エクスプローラーにフォーカスがある状態で：
新しいファイル
Ctrl + N（Windows / Linux）
Cmd + N（Mac）
新しいフォルダ
Ctrl + Shift + N（Windows / Linux）
Cmd + Shift + N（Mac）
検索機能の活用
エクスプローラー内でファイルを素早く見つけるには：
- エクスプローラーにフォーカスを移動（
Ctrl + 0） - ファイル名の一部を入力
- 該当するファイルがハイライトされます
実践的な使い方
作業効率を上げるテクニック
デュアルモニター環境での活用
デュアルモニターを使用している場合：
- エクスプローラーを右側に移動
- コードを左側のモニターで編集
- ファイル構造を右側のモニターで確認
この配置により、ファイル間の移動がスムーズになります。
プロジェクトの規模に応じた配置
小規模プロジェクト
- エクスプローラーを左側に配置
- 画面の半分程度の幅で十分
大規模プロジェクト
- エクスプローラーを右側に移動
- より多くの画面領域をコードエディタに割り当て
よく使う組み合わせ
Ctrl + Shift + E→ エクスプローラーを表示Ctrl + 0→ エクスプローラーにフォーカス- 矢印キーでファイル選択
- Enter → ファイルを開く
Ctrl + 1→ エディタに戻る
トラブルシューティング
エクスプローラーが表示されない場合
解決方法1：ショートカットで表示
Ctrl + Shift + E
解決方法2：メニューから表示
- 上部メニューの「表示」をクリック
- 「エクスプローラー」を選択
解決方法3：アクティビティバーから表示
- 左端のアクティビティバーにあるファイルアイコンをクリック
ショートカットが効かない場合
- VS Codeを再起動してみる
- 拡張機能の競合を確認する
- キーバインドの設定を確認する（
Ctrl + K, Ctrl + S）
まとめ
VS Codeのエクスプローラーを効率的に操作するためのポイント：
位置の変更
- 右クリックメニューから「サイドバーを右（左）に移動」
表示・非表示の切り替え
Ctrl + B：サイドバー全体Ctrl + Shift + E：エクスプローラーのみ
フォーカスの移動
Ctrl + 0：サイドバーへCtrl + 1：エディタへ
コメント