メインコンテンツへスキップ
見出し画像

VSCode ショートカット辞典

    Visual Studio Code(以下 VSCode)は、軽量かつ強力なコードエディタとして世界中の開発者に愛用されています。特に、豊富なショートカットを活用することで、開発作業の効率を飛躍的に向上させることができます。この記事では、VSCodeのショートカットを「基本操作」「コード編集」「ナビゲーション」「デバッグ」「ターミナル操作」のカテゴリ別に整理して紹介します。

    1. 基本操作のショートカット

    VSCodeの基本操作は、頻繁に使用するため、ぜひ覚えておきたいものです。

    • 新規ファイルを作成
      Ctrl + N(Mac: Cmd + N)
      新しいファイルを作成します。

    • ファイルを開く
      Ctrl + O(Mac: Cmd + O)
      ファイルを開きます。

    • 保存
      Ctrl + S(Mac: Cmd + S)
      ファイルを保存します。

    • すべてのファイルを保存
      Ctrl + K, S(Mac: Cmd + K, S)
      開いているすべてのファイルを保存します。

    • コマンドパレットを開く
      Ctrl + Shift + P(Mac: Cmd + Shift + P)
      コマンドパレットを開き、VSCodeのあらゆる機能にアクセスできます。


    2. コード編集のショートカット

    コードを効率的に編集するためのショートカットです。

    • 行を複製
      Shift + Alt + ↓/↑(Mac: Shift + Option + ↓/↑)
      現在の行を上下に複製します。

    • コメントの切り替え
      Ctrl + /(Mac: Cmd + /)
      選択した行をコメント化、またはコメント解除します。

    • コード整形
      Shift + Alt + F(Mac: Shift + Option + F)
      コードをフォーマットします。

    • コードの一部を移動
      Alt + ↓/↑(Mac: Option + ↓/↑)
      選択した行またはコードブロックを上下に移動します。


    3. ナビゲーションのショートカット

    大規模なコードや複数のファイルを扱う際に役立つナビゲーションショートカットです。

    • クイックオープン
      Ctrl + P(Mac: Cmd + P)
      ファイル名を入力して素早くファイルを開きます。

    • 定義へジャンプ
      F12
      シンボルの定義へ移動します。

    • 戻る
      Alt + ←(Mac: Cmd + Option + ←)
      前の編集場所に戻ります。

    • 次へ進む
      Alt + →(Mac: Cmd + Option + →)
      次の編集場所へ進みます。


    4. デバッグのショートカット

    デバッグ作業を効率化するためのショートカットです。

    • デバッグ開始
      F5
      プロジェクトのデバッグを開始します。

    • ステップオーバー
      F10
      現在の行を実行し、次の行に移動します。

    • ステップイン
      F11
      関数の内部にステップインしてデバッグします。

    • ステップアウト
      Shift + F11
      関数からステップアウトし、呼び出し元に戻ります。


    5. ターミナル操作のショートカット

    VSCodeには統合ターミナルがあり、コマンドライン操作をスムーズに行うことができます。

    • ターミナルを開く/閉じる
      Ctrl + (Mac: Cmd + )
      統合ターミナルを開くか閉じます。

    • 新しいターミナルを開く
      Ctrl + Shift + (Mac: Cmd + Shift + )
      新しいターミナルを開きます。

    • ターミナル間を切り替え
      Ctrl + PgUp / PgDn(Mac: Cmd + PgUp / PgDn)
      複数のターミナルセッション間を切り替えます。


    高度な編集、カスタマイズ可能なショートカットまで、より多くのショートカットを紹介していきます。


    1. 基本操作のショートカット(拡張版)

    • ワークスペースを開く
      Ctrl + Shift + W(Mac: Cmd + Shift + W)
      現在のウィンドウを閉じ、ワークスペースを開きます。

    • エクスプローラにフォーカス
      Ctrl + Shift + E(Mac: Cmd + Shift + E)
      サイドバーのエクスプローラにフォーカスを移動します。

    • エディタ間の移動
      Ctrl + 1/2/3(Mac: Cmd + 1/2/3)
      複数のエディタが開かれている場合、1つ目、2つ目、3つ目のエディタにフォーカスを移動します。

    • 設定を開く
      Ctrl + ,(Mac: Cmd + ,)
      設定ウィンドウを開きます。

    • 設定JSONを開く
      Ctrl + Shift + ,(Mac: Cmd + Shift + ,)
      設定ファイルをJSON形式で開きます。

    • タブを閉じる
      Ctrl + W(Mac: Cmd + W)
      現在のエディタタブを閉じます。


    2. コード編集のショートカット(拡張版)

    • インデントを増やす/減らす
      Ctrl + ] / [(Mac: Cmd + ] / [)
      選択したコードのインデントを増減します。

    • カーソルを複数行に追加
      Ctrl + Alt + ↓/↑(Mac: Cmd + Alt + ↓/↑)
      複数行にカーソルを追加します(マルチカーソル)。

    • すべての一致する単語を選択
      Ctrl + Shift + L(Mac: Cmd + Shift + L)
      選択している単語と一致するすべての単語を選択状態にします。

    • 一致する次の単語を選択
      Ctrl + D(Mac: Cmd + D)
      選択している単語と一致する次の単語を選択します。

    • エディタの折りたたみ/展開
      Ctrl + Shift + [ / Ctrl + Shift + ](Mac: Cmd + Shift + [ / Cmd + Shift + ])
      コードブロックを折りたたむ/展開します。

    • シンボルの名前変更
      F2
      変数や関数の名前を一括で変更します。


    3. ナビゲーションのショートカット(拡張版)

    • エディタ間の移動
      Ctrl + PgUp / PgDn(Mac: Cmd + PgUp / PgDn)
      タブ間を前後に移動します。

    • アウトラインビューを開く
      Ctrl + Shift + O(Mac: Cmd + Shift + O)
      ファイル内のアウトライン(シンボルリスト)を表示します。

    • シンボル検索
      Ctrl + T(Mac: Cmd + T)
      ワークスペース全体のシンボルを検索します。

    • 開いているファイルの切り替え
      Ctrl + Tab(Mac: Cmd + Tab)
      最近使用したファイル間での移動を行います。

    • サイドバーを表示/非表示
      Ctrl + B(Mac: Cmd + B)
      サイドバー(エクスプローラ、検索、ソース管理など)を表示/非表示に切り替えます。



    4. デバッグのショートカット(拡張版)

    • 条件付きブレークポイントを設定
      右クリック + 「条件付きブレークポイントの設定」
      ブレークポイントに条件を設定し、特定の条件が満たされたときだけ停止します。

    • すべてのブレークポイントを有効/無効化
      Ctrl + F9(Mac: Cmd + F9)
      すべてのブレークポイントの有効/無効を切り替えます。

    • 関数の戻り値を表示
      デバッグ中にステップアウトすると、関数の戻り値が表示されます。

    • デバッグコンソールを開く
      Ctrl + Shift + Y(Mac: Cmd + Shift + Y)
      デバッグコンソールを表示して、ログやデバッグ情報を確認します。


    5. ターミナル操作のショートカット(拡張版)

    • ターミナルを切り替える
      Ctrl + (Mac: Cmd + )
      統合ターミナルの表示/非表示を切り替えます。

    • 新しいターミナルを開く
      Ctrl + Shift + (Mac: Cmd + Shift + )
      新しいターミナルを開きます。

    • ターミナルをクリア
      Ctrl + K(Mac: Cmd + K)
      統合ターミナルの画面をクリアします。

    • 複数のターミナルを管理
      Ctrl + Shift + [番号](Mac: Cmd + Shift + [番号])
      開いている複数のターミナル間を番号で切り替えます。


    6. カスタマイズ可能なショートカット

    VSCodeでは、すべてのショートカットを自分好みにカスタマイズできます。
    カスタマイズ方法:

    1. コマンドパレット(Ctrl + Shift + P または Cmd + Shift + P)で「キーボードショートカットの設定」と入力。

    2. 開いた設定画面で、検索バーに変更したいショートカットを入力。

    3. 任意のキーコンビネーションに割り当てることができます。

    さらに掘り下げた「VSCode ショートカット辞典」を紹介します。より高度な作業や、日々の開発に役立つショートカットをピックアップし、操作性を向上させるための活用法を詳しく解説します。

    7. 分割ビュー操作のショートカット

    VSCodeでは、エディタを分割して同時に複数のファイルを操作できます。分割ビューを効果的に使うことで、画面切り替えの手間を省き、複雑なプロジェクトでも効率よくコードを書くことができます。

    • エディタを左右に分割
      Ctrl + \(Mac: Cmd + \)
      現在のエディタを左右に分割し、同時に複数ファイルを閲覧できます。

    • エディタを上下に分割
      Ctrl + K, Ctrl + ↓(Mac: Cmd + K, Cmd + ↓)
      上下にエディタを分割します。

    • 隣のエディタグループに移動
      Ctrl + K, Ctrl + ←/→(Mac: Cmd + K, Cmd + ←/→)
      分割されたエディタ間を素早く移動できます。

    • エディタグループを閉じる
      Ctrl + W(Mac: Cmd + W)
      開いているエディタグループを閉じ、作業スペースを整理します。


    8. Git操作のショートカット

    VSCodeはGitとの統合が非常に強力です。コマンドラインを使わずに、簡単にバージョン管理を行うことができます。

    • コミットを作成
      Ctrl + Enter(Mac: Cmd + Enter)
      Gitのコミットを実行します。ソース管理ウィンドウでステージされた変更をすぐにコミットできます。

    • 変更をステージ
      Ctrl + Shift + U(Mac: Cmd + Shift + U)
      変更をステージングエリアに追加します。

    • ファイルの変更を取り消す
      Ctrl + K, U(Mac: Cmd + K, U)
      編集内容を取り消し、Gitの状態を最新のコミットに戻します。

    • Gitの差分を表示
      Ctrl + Shift + G(Mac: Cmd + Shift + G)
      ソース管理パネルを開き、変更履歴や差分を確認します。

    • Gitのリモートプッシュ
      Ctrl + Shift + P → Git: Push(Mac: Cmd + Shift + P → Git: Push)
      リモートリポジトリにローカルのコミットをプッシュします。


    9. カーソル操作のショートカット

    マルチカーソルを駆使すれば、同じファイル内の複数箇所を一度に編集することができます。これにより、反復的な作業を大幅に短縮できます。

    • 複数行の選択
      Alt + Shift + ドラッグ(Mac: Option + Shift + ドラッグ)
      任意の範囲を矩形選択して、一度に複数行にカーソルを配置できます。

    • 次の一致する単語を選択
      Ctrl + D(Mac: Cmd + D)
      カーソル位置の単語に一致する次の単語を一括で選択できます。

    • すべての一致する単語を選択
      Ctrl + Shift + L(Mac: Cmd + Shift + L)
      現在選択している単語と一致するすべての単語にカーソルを追加します。

    • 選択した行を上下に移動
      Alt + ↑/↓(Mac: Option + ↑/↓)
      選択範囲を上下に移動してコードを整理します。


    10. 拡張機能関連のショートカット

    VSCodeの魅力の一つは、豊富な拡張機能です。これらのショートカットを使いこなして、素早く拡張機能をインストール・操作することができます。

    • 拡張機能パネルを開く
      Ctrl + Shift + X(Mac: Cmd + Shift + X)
      拡張機能パネルを開き、新しい拡張機能を探したり、管理したりできます。

    • 拡張機能をインストール
      Ctrl + P → ext install [拡張機能名](Mac: Cmd + P → ext install [拡張機能名])
      コマンドパレットから直接拡張機能をインストールできます。

    • 拡張機能を無効化
      拡張機能パネルで対象の拡張機能を選択し、無効化をクリックします。ショートカットはありませんが、素早くアクセスできます。



    11. ファイル検索とコマンドのショートカット

    VSCodeでは、多くの機能やファイルに素早くアクセスするための検索機能が充実しています。

    • ファイル内検索
      Ctrl + F(Mac: Cmd + F)
      現在開いているファイル内でテキストを検索します。

    • ファイル全体検索
      Ctrl + Shift + F(Mac: Cmd + Shift + F)
      ワークスペース全体でテキストを検索します。

    • ファイルをクイック検索して開く
      Ctrl + P(Mac: Cmd + P)
      ファイル名の一部を入力して素早くファイルを検索し、開くことができます。

    • 定義へ移動
      F12
      カーソル位置の関数や変数の定義にジャンプします。

    • 参照を表示
      Shift + F12
      カーソル位置のシンボルを参照している箇所を一覧表示します。


    12. タブとウィンドウ管理のショートカット

    エディタタブやウィンドウ管理も効率的に行うためのショートカットを覚えておくと、プロジェクトの切り替えやタブの整理がスムーズになります。

    • 最後に閉じたタブを再度開く
      Ctrl + Shift + T(Mac: Cmd + Shift + T)
      閉じたタブを再度開きます。うっかり閉じてしまったファイルもすぐに復元できます。

    • 次/前のタブに移動
      Ctrl + Tab / Ctrl + Shift + Tab(Mac: Cmd + Option + →/←)
      エディタ内のタブを順に移動します。

    • すべてのタブを閉じる
      Ctrl + K, W(Mac: Cmd + K, W)
      開いているすべてのタブを一括で閉じます。

    • 新しいウィンドウを開く
      Ctrl + Shift + N(Mac: Cmd + Shift + N)
      新しいVSCodeのウィンドウを開きます。異なるプロジェクトや複数の作業を同時に進める際に便利です。


    13. マークダウンファイル編集のショートカット

    VSCodeはマークダウンファイルの編集にも最適です。ブログ記事の執筆やドキュメント作成の効率化に役立つショートカットを紹介します。

    • マークダウンプレビューを表示
      Ctrl + Shift + V(Mac: Cmd + Shift + V)
      マークダウンファイルのプレビューをサイドに表示し、リアルタイムで確認できます。

    • プレビューをサイドバイサイド表示
      Ctrl + K, V(Mac: Cmd + K, V)
      エディタの横にマークダウンプレビューを並べて表示します。

    • 数式レンダリング(LaTeXサポート)
      拡張機能「Markdown All in One」などを使用して、マークダウン内で数式をリアルタイムにレンダリングします。


    14. 自動補完とスニペット操作のショートカット

    VSCodeの強力な自動補完機能とスニペットは、短い入力で高度なコードを展開するための強力なツールです。

    • コード補完を表示
      Ctrl + Space(Mac: Cmd + Space)
      使用可能なコード補完候補を手動で表示します。特定の補完候補を選びたいときに便利です。

    • スニペットの挿入
      Ctrl + Shift + P → Insert Snippet(Mac: Cmd + Shift + P → Insert Snippet)
      登録されたスニペットを挿入します。カスタマイズしたスニペットも利用できます。

    • 提案の選択と補完の確認
      Tab
      自動補完で提案されたコードを選択して補完します。


    15. エラーと警告の確認・修正

    大規模なコードベースでは、エラーや警告を素早く確認し修正することが重要です。以下のショートカットを使い、問題を見つけてすぐに対処しましょう。

    • 次のエラーや警告に移動
      F8
      エディタ内で次のエラーや警告にジャンプします。複数の問題がある場合に便利です。

    • 前のエラーや警告に移動
      Shift + F8
      前のエラーや警告に戻ります。

    • クイックフィックスを表示
      Ctrl + .(Mac: Cmd + .)
      VSCodeが提案する修正案(クイックフィックス)を表示します。コードスタイルの修正や自動補完も可能です。


    16. コメントの追加・管理

    コードのコメントは、チームメンバーや将来の自分に対する説明書のようなものです。コメント操作を効率化するためのショートカットも充実しています。

    • 行コメントの切り替え
      Ctrl + /(Mac: Cmd + /)
      現在の行をコメントに切り替えます。再度押すとコメントを解除します。

    • ブロックコメントの切り替え
      Shift + Alt + A(Mac: Shift + Option + A)
      複数行をブロックコメントとして切り替えます。



    17. 検索と置換のショートカット

    プロジェクト全体でテキストを検索・置換する際に便利なショートカットです。大規模プロジェクトでの素早い修正に役立ちます。

    • 現在のファイル内で検索
      Ctrl + F(Mac: Cmd + F)
      現在開いているファイル内で文字列を検索します。

    • ワークスペース全体で検索
      Ctrl + Shift + F(Mac: Cmd + Shift + F)
      プロジェクト全体から検索することができます。

    • 現在のファイル内で置換
      Ctrl + H(Mac: Cmd + H)
      現在のファイル内で指定した文字列を置換します。

    • ワークスペース全体で置換
      Ctrl + Shift + H(Mac: Cmd + Shift + H)
      プロジェクト全体の文字列を一括置換できます。


    18. ショートカットのカスタマイズ

    VSCodeのショートカットは自分好みにカスタマイズすることが可能です。プロジェクトやワークフローに合わせて、効率的に作業できる環境を整えましょう。

    • ショートカットのカスタマイズ
      Ctrl + K, Ctrl + S(Mac: Cmd + K, Cmd + S)
      キーボードショートカット設定を開き、任意のショートカットをカスタマイズします。

    • カスタムスニペットを作成
      Ctrl + Shift + P → Preferences: Configure User Snippets(Mac: Cmd + Shift + P → Preferences: Configure User Snippets)
      カスタムスニペットを作成し、効率化に役立てます。


    19. レイアウト調整のショートカット

    複数のファイルやウィンドウを同時に扱う際に、レイアウトの調整が重要です。素早くレイアウトを変更するショートカットを紹介します。

    • エディタグループを最大化/最小化
      Ctrl + K, Ctrl + M(Mac: Cmd + K, Cmd + M)
      現在のエディタグループを最大化し、他のグループを最小化します。もう一度押すと元のレイアウトに戻ります。

    • 横幅を調整
      Ctrl + Shift + + / -(Mac: Cmd + Shift + + / -)
      エディタの幅を広げたり狭めたりして、ウィンドウの比率を調整します。


    20. インテリセンス(IntelliSense)関連のショートカット

    VSCodeのインテリセンス機能は、コードの補完やエラー検出に役立ちます。これらのショートカットを活用すると、コードの効率的な記述が可能です。

    • 提案を表示
      Ctrl + Space(Mac: Cmd + Space)
      インテリセンスによる補完候補を表示します。必要な補完候補が自動で表示されない場合に手動で呼び出します。

    • 次の提案に移動
      Ctrl + ↓/↑(Mac: Cmd + ↓/↑)
      インテリセンスの提案候補を順に切り替えます。

    • クイック情報の表示
      Ctrl + K, Ctrl + I(Mac: Cmd + K, Cmd + I)
      カーソル位置のシンボルや関数に関するクイック情報を表示します。関数の引数リストや型情報が確認できるため、理解が深まります。


    21. スクロールとズームのショートカット

    大きなファイルを操作する際、スクロールやズームの効率的な操作は非常に役立ちます。

    • エディタのズームイン/ズームアウト
      Ctrl + = / -(Mac: Cmd + = / -)
      エディタの表示をズームイン・ズームアウトします。長時間作業する際に目の負担を減らすためにも便利です。

    • ページ単位でスクロール
      Ctrl + PgUp / PgDn(Mac: Cmd + PgUp / PgDn)
      ページ単位でエディタをスクロールします。

    • 小さなスクロール
      Ctrl + Shift + ↓/↑(Mac: Cmd + Shift + ↓/↑)
      より細かい単位でスクロールが可能です。


    22. ターミナル操作(高度な機能)

    統合ターミナルを使いこなすことで、コードの実行やバージョン管理の操作がVSCode内で完結します。さらに細かな操作を可能にするショートカットを紹介します。

    • ターミナルの分割
      Ctrl + Shift + 5(Mac: Cmd + Shift + 5)
      現在のターミナルを左右に分割して、複数のターミナルを同時に操作できます。

    • アクティブなターミナルを切り替え
      Ctrl + Tab(Mac: Cmd + Tab)
      開いている複数のターミナル間を素早く切り替えます。

    • 終了したターミナルを再起動
      Ctrl + Shift + P → Terminal: Restart(Mac: Cmd + Shift + P → Terminal: Restart)
      終了したターミナルを再起動し、同じセッションで作業を再開します。


    23. デバッグの詳細ショートカット

    VSCodeのデバッグ機能をさらに使いこなすための詳細なショートカットをいくつか紹介します。

    • 条件付きブレークポイントの設定
      F9 → 条件を追加
      ブレークポイントに条件を追加し、特定の状況下でのみ停止するように設定します。

    • 関数の戻り値を表示
      Shift + F10
      ステップアウトして関数を抜ける際に、戻り値を確認できます。

    • ステップアウトして次に進む
      Shift + F11
      現在の関数を抜け、呼び出し元のコードに戻ります。


    24. JSONファイル編集のショートカット

    VSCodeは設定ファイルやデータファイルとしてJSONをよく使用します。これを効率的に編集するためのショートカットです。

    • JSONの折りたたみ/展開
      Ctrl + K, Ctrl + [ / ](Mac: Cmd + K, Cmd + [ / ])
      JSONのブロックを素早く折りたたみ・展開します。大きなデータファイルを編集する際に非常に便利です。

    • キーと値の補完を有効にする
      Ctrl + Space(Mac: Cmd + Space)
      JSONのキーや値の自動補完を有効にします。設定ファイルの編集効率を上げるのに役立ちます。


    25. 統合環境の活用

    VSCodeは他のツールと連携して強力なIDEのように動作します。そのため、タスクランナーやリモート開発ツールの操作も重要です。

    • タスクを実行
      Ctrl + Shift + B(Mac: Cmd + Shift + B)
      定義済みのビルドタスクを実行します。Makefileやnpmのスクリプトなど、プロジェクトに応じたタスクが自動で実行されます。

    • タスクのクイック実行
      Ctrl + P → task [タスク名](Mac: Cmd + P → task [タスク名])
      コマンドパレットから特定のタスクを素早く実行します。

    • リモートワークスペースに接続
      Ctrl + Shift + P → Remote-SSH: Connect to Host(Mac: Cmd + Shift + P → Remote-SSH: Connect to Host)
      リモートサーバー上でVSCodeを使って開発を行う際に、SSH接続でリモートホストに接続します。



    26. エディタビュー操作のショートカット

    複数のエディタビューを開いているときの操作を効率化できるショートカットです。

    • 次のエディタビューに移動
      Ctrl + K, Ctrl + ←/→(Mac: Cmd + K, Cmd + ←/→)
      開いている複数のエディタビューを左右に移動します。

    • エディタビューの移動(上下に切り替え)
      Ctrl + K, Ctrl + ↑/↓(Mac: Cmd + K, Cmd + ↑/↓)
      複数のエディタビュー間を上下に切り替えます。


    27. エディタ構造の操作

    コードの構造を把握し、効率的に移動するためのショートカットです。

    • アウトラインを表示
      Ctrl + Shift + O(Mac: Cmd + Shift + O)
      ファイル内の構造(関数やクラスなど)のアウトラインを表示します。ここからシンボルに直接ジャンプ可能です。

    • 次の折りたたまれた領域へ移動
      Ctrl + K, Ctrl + [ (Mac: Cmd + K, Cmd + [)
      折りたたまれているコードブロックの間を素早く移動します。

    • ファイル間の折りたたみ/展開
      Ctrl + Shift + [ / ](Mac: Cmd + Shift + [ / ])
      選択範囲や関数、クラスなどのコードブロックを折りたたんだり展開したりします。


    28. デバッグ機能の高度な操作

    デバッグ中に役立つ、さらに細かい操作を行うショートカットです。

    • 条件付きの例外ブレークポイントの設定
      Ctrl + Shift + B(Mac: Cmd + Shift + B)
      特定の例外発生時にのみ停止するブレークポイントを設定します。これにより、無駄なブレークポイントを避けることができます。

    • デバッグコンソールをクリア
      Ctrl + K(Mac: Cmd + K)
      デバッグ中に発生するログをクリアして、次のデバッグセッションでクリーンな状態で始められます。


    29. ワークスペース全体のショートカット

    VSCodeは、複数のワークスペースを管理することができ、これに関する便利な操作があります。

    • ワークスペースを保存
      Ctrl + K, S(Mac: Cmd + K, S)
      現在のワークスペースを保存して、後で同じファイルと設定をすぐに呼び出せます。

    • ワークスペースを再度開く
      Ctrl + Shift + W(Mac: Cmd + Shift + W)
      保存済みのワークスペースを再度開きます。


    30. 終了とリスタートのショートカット

    作業中の一時停止や、システム全体のリフレッシュに役立つショートカットです。

    • VSCodeをリスタート
      Ctrl + Shift + P → Reload Window(Mac: Cmd + Shift + P → Reload Window)
      VSCode全体を再起動します。設定の反映やリソースのリセットに役立ちます。

    • ウィンドウを閉じる
      Ctrl + W(Mac: Cmd + W)
      現在のウィンドウを閉じますが、VSCode自体は終了しません。


    31. エクスプローラの操作ショートカット

    VSCode内のファイルエクスプローラは、ワークスペース内のファイルやディレクトリの管理に便利です。

    • 新しいファイルを作成
      Ctrl + N(Mac: Cmd + N)
      新しいファイルを作成します。プロジェクト内で新しいスクリプトや設定ファイルをすぐに追加できます。

    • ファイルをリネーム
      F2
      選択したファイルをリネームします。

    • ファイルの削除
      Delete
      選択したファイルを削除します。


    32. ショートカットの検索と管理

    ショートカットが多くて覚えられないとき、必要なショートカットを素早く確認できる方法があります。

    • ショートカットを表示
      Ctrl + K, Ctrl + S(Mac: Cmd + K, Cmd + S)
      キーボードショートカット一覧を開きます。カスタマイズしたいショートカットもここで探して編集できます。

    • コマンドパレットからショートカットを検索
      Ctrl + Shift + P(Mac: Cmd + Shift + P)
      コマンドパレットでショートカット名を入力し、目的の操作を見つけてショートカットを確認できます。


    33. Gitリベースやチェリーピックのショートカット

    Gitの高度な操作もVSCodeから手軽に行えます。

    • リベースの開始
      Ctrl + Shift + P → Git: Rebase(Mac: Cmd + Shift + P → Git: Rebase)
      コマンドパレットからリベースを実行します。

    • チェリーピックの開始
      Ctrl + Shift + P → Git: Cherry Pick(Mac: Cmd + Shift + P → Git: Cherry Pick)
      コマンドパレットで指定したコミットをチェリーピックします。


    34. 開発ツール連携のショートカット

    VSCodeは開発ツールとの連携が強力です。例えば、Node.jsやPythonなどのビルドツールとスムーズに連携できます。

    • ビルドを実行
      Ctrl + Shift + B(Mac: Cmd + Shift + B)
      定義されたビルドタスクを実行します。npmやMakefileのタスク実行にも便利です。

    • デバッグツールの起動
      Ctrl + Shift + D(Mac: Cmd + Shift + D)
      デバッグビューを開き、デバッグ設定や実行が可能です。


    35. サイドバーの操作ショートカット

    サイドバーの表示・非表示や操作も素早く切り替えられます。

    • サイドバーを表示/非表示
      Ctrl + B(Mac: Cmd + B)
      サイドバー(エクスプローラ、検索など)を隠したり表示したりできます。

    • 検索パネルを開く
      Ctrl + Shift + F(Mac: Cmd + Shift + F)
      ワークスペース全体でテキストを検索するためのパネルを開きます。


    36. Markdownファイルでの効率化ショートカット

    Markdownファイルを使用してドキュメントを作成する場合、以下のショートカットが非常に役立ちます。

    • リンクの挿入
      Ctrl + K(Mac: Cmd + K)
      Markdown形式でリンクを簡単に挿入できます。

    • 強調テキストの追加(太字/斜体)
      Ctrl + B(Mac: Cmd + B)/ Ctrl + I(Mac: Cmd + I)
      太字や斜体でテキストを強調します。


    37. ショートカットのカスタマイズと設定管理

    VSCodeでは、独自の作業スタイルに合わせてショートカットをカスタマイズできます。また、設定をエクスポートして他の環境でも活用することができます。

    • ショートカットのカスタマイズ画面を開く
      Ctrl + K, Ctrl + S(Mac: Cmd + K, Cmd + S)
      キーボードショートカット一覧を表示し、各操作にカスタムショートカットを割り当てます。

    • 設定を開く
      Ctrl + ,(Mac: Cmd + ,)
      VSCodeの設定画面を開き、各種環境設定をカスタマイズできます。

    • JSON形式で設定を開く
      Ctrl + Shift + P → Preferences: Open Settings (JSON)
      より細かい設定をJSON形式で直接編集できます。

    • 設定の同期
      Ctrl + Shift + P → Settings Sync: Turn On
      設定をクラウドと同期し、他の環境でも同じ設定を簡単に引き継げます。


    38. 複数カーソル・複数選択のショートカット(高度版)

    複数カーソルの操作は、複数箇所で同時に編集する際に非常に便利です。

    • すべての一致する単語を選択してカーソルを追加
      Ctrl + Shift + L(Mac: Cmd + Shift + L)
      選択している単語と一致する全ての単語にカーソルを追加して、複数箇所を一括で編集します。

    • 同じ単語の次の出現箇所にカーソルを追加
      Ctrl + D(Mac: Cmd + D)
      カーソルがある単語と一致する次の出現箇所にもカーソルを追加します。繰り返すことで複数箇所を一括選択可能です。

    • 矩形選択
      Shift + Alt + ドラッグ(Mac: Shift + Option + ドラッグ)
      マウスで範囲を指定して矩形選択を行い、縦方向にカーソルを追加できます。


    39. インライン補完とスニペット

    インライン補完やスニペット機能を使うと、コードを素早く入力できます。

    • コード補完候補を表示
      Ctrl + Space(Mac: Cmd + Space)
      インライン補完候補を表示して、選択された補完候補を適用します。

    • スニペットの挿入
      Ctrl + Shift + P → Insert Snippet
      カスタマイズされたスニペットを素早く挿入して、コードの一部を自動生成できます。


    40. エラーと警告の管理

    大規模なプロジェクトでコードにエラーや警告が多発した場合、それらを素早く確認・修正するためのショートカットが役立ちます。

    • 次のエラーまたは警告に移動
      F8
      次のエラーや警告にジャンプします。コード内に多数のエラーがある場合に便利です。

    • 前のエラーまたは警告に移動
      Shift + F8
      前のエラーや警告に戻ります。

    • 問題タブを開く
      Ctrl + Shift + M(Mac: Cmd + Shift + M)
      全体のエラーや警告のリストを問題タブで確認し、一括で対応できます。


    41. Gitの高度な操作

    Gitとの連携が強力なVSCodeですが、さらに高度な操作をショートカットで実現できます。

    • Gitステージングエリアに追加
      Ctrl + Shift + A(Mac: Cmd + Shift + A)
      現在の変更をGitのステージングエリアに追加します。

    • Gitコミットの作成
      Ctrl + Enter(Mac: Cmd + Enter)
      ステージングエリアの変更をコミットします。

    • Gitリモートプル
      Ctrl + Shift + P → Git: Pull
      リモートリポジトリから変更をプルします。

    • Gitプッシュ
      Ctrl + Shift + P → Git: Push
      ローカルの変更をリモートにプッシュします。

    • Gitの差分表示
      Ctrl + Shift + G(Mac: Cmd + Shift + G)
      ソース管理ビューを開いて、変更点の差分を表示します。


    42. リモート開発環境操作のショートカット

    VSCodeではリモート開発が簡単にできるため、クラウドサーバーやコンテナを利用した開発に最適です。

    • リモートワークスペースに接続
      Ctrl + Shift + P → Remote-SSH: Connect to Host
      SSHを利用してリモートサーバー上のファイルを直接編集できます。

    • リモートコンテナの起動
      Ctrl + Shift + P → Remote-Containers: Reopen in Container
      コンテナ内でプロジェクトを開き、隔離された開発環境で作業できます。

    • リモートワークスペースの切断
      Ctrl + Shift + P → Remote-SSH: Close Remote Connection
      リモート接続を切断し、ローカル環境に戻ります。


    43. ファイルとディレクトリの管理

    大規模プロジェクトでは、ファイルやディレクトリの管理が重要です。以下のショートカットでファイル操作を効率化できます。

    • 新しいフォルダを作成
      Ctrl + Shift + N(Mac: Cmd + Shift + N)
      ワークスペース内に新しいフォルダを作成します。

    • ファイルをリネーム
      F2
      ファイルエクスプローラ内でファイル名を変更できます。

    • ファイルの移動
      ファイルをエクスプローラでドラッグして他のディレクトリに移動します。


    44. MarkdownやLaTeXのショートカット(文書作成向け)

    VSCodeはMarkdownやLaTeXの文書作成にも非常に強力です。ブログや技術文書の作成を支援するショートカットを紹介します。

    • Markdownプレビューを表示
      Ctrl + Shift + V(Mac: Cmd + Shift + V)
      Markdown文書のプレビューをリアルタイムで確認できます。

    • サイドバイサイドプレビュー
      Ctrl + K, V(Mac: Cmd + K, V)
      エディタの横にMarkdownプレビューを並べて表示します。

    • 数式レンダリング
      拡張機能を使ってLaTeX形式の数式をMarkdown内でレンダリングします。


    45. JavaScript/TypeScriptに特化したショートカット

    VSCodeはJavaScriptやTypeScriptの開発環境として優れており、特化したショートカットがいくつかあります。

    • インポート修正のクイックフィックス
      Ctrl + .(Mac: Cmd + .)
      不足しているインポートを自動的に追加したり、不要なインポートを削除できます。

    • コードの整形
      Shift + Alt + F(Mac: Shift + Option + F)
      PrettierやESLintを使用してコードのフォーマットを行います。


    あなたへのおすすめ