サイト名変更・お引越しのお知らせ

【入門】Visual Studio Code(VS Code)のファイル操作・VS Code操作系基本ショートカットまとめ

Visual Studio Code(以下VS Code)を初めて使う人や、他のエディタから移行した方向けにVS Codeのファイル操作・VS Code操作系ショートカットをよく使いそうなもののみまとめています。

モグモグさん

使っていれば覚えると思うので、覚えるまで参照して使ってください。

補足

ショートカット一覧は、メニューバー > ヘルプ > 「キーボードショートカットの参照」から参照できますので全体的に確認したい場合はそちらを確認ください。

VS Codeショートカット一覧

ファイル操作

MacWindows説明
Cmd + NCtrl + N新しいファイルを開く
Cmd + OCtrl + O新しいファイルもしくはフォルダを開く
Cmd + SCtrl + Sファイルを保存
Cmd + Shift + SCtrl + Shift + S名前をつけてファイルを保存
Cmd + PCtrl + Pファイルを検索

VS Code操作

MacWindows説明
Cmd + Shift + PCtrl + Shift + Pコマンドパレットを開く
Cmd + Shift + NCtrl + Shift + N新しいウィンドウを開く
Cmd + ,Ctrl + ,設定画面を開く
Cmd + BCtrl + Bサイドバーの開閉
Cmd + tabCtrl + tabタブの移動
Cmd + Shift + ECtrl + Shift + Eエクスプローラーを開く
Cmd + Shift + FCtrl + Shift + F検索を開く
Cmd + Shift + DCtrl + Shift + Dデバッグを開く
Cmd + Shift + XCtrl + Shift + X拡張機能を開く
Cmd + JCtrl + Jパネルを開く
Cmd + Ctrl + FF11全画面モード切り替え

VS Codeのリロード方法

ショートカットの組み合わせですが、VS Codeのリロード(再読み込み)はよく使うので合わせて説明しておきます。

モグモグさん

VS Codeの再起動より簡単なのでこちらを覚えておきましょう。

リロード方法

Macの場合Cmd + Shift + P、Windowsの場合Ctrl + Shift + Pでコマンドパレットを開き、「reload window」と入力し実行します。

モグモグさん

他にもかなりたくさんありますが、この辺覚えておけばそれなりに使えるという基準で紹介しました。

試しつつ覚えていきましょう。

参考になれば幸いです。