私は何年も VS Code でプログラミングしてきましたが、すべての初心者にこれらのショートカットをお勧めします
VS Code は大したものです。 Stack Overflow の 2025 年の開発者調査では、回答者のなんと 76% が定期的に使用していると回答しました。これは、最も近い競合他社である Visual Studio を使用していると回答した 29% を上回っています。
VS Code を初めて使用する場合、最初は少し戸惑うかもしれません。ただし、これは IDE であり、標準のテキスト エディタよりもはるかに複雑なツールであることに注意してください。いくつかの簡単なキーボード ショートカットに慣れれば、それほど苦労せずに基本を学ぶことができます。
コマンドパレットを開く
使用 Ctrl + Shift + P 数千のコマンドに即座にアクセスするため
キーボード ショートカットを 1 つしか覚えていない場合は、これをショートカットに設定します。コマンド パレットには、現在のコンテキストに合わせて調整された膨大な数のコマンドがホストされます。入力を開始すると、リストはさらに管理しやすいセットに絞り込まれます。これを使用すると、忘れたコマンドを見つけたり、新しいコマンドを発見したり、適切なショートカットを持っていない場合に単に時間を節約したりすることができます。
特に明記されていない限り、ここで紹介されているすべてのショートカットは macOS 上で同じように機能し、Ctrl の代わりに Cmd が使用されます。
コマンド パレットの概念は、それにアクセスするためのこの特定のキーボード ショートカットと同様に、急速に標準になりつつあります。 Zed など、VS Code の競合他社の一部もこれを採用しています。つまり、メモリにコミットするのに最適なコードであるということです。
キーボード ショートカットを表示する
使用 Ctrl + K、 Ctrl + S 記憶を呼び覚ますために
正直なところ、数多くのキーボード ショートカットをすべて覚えることはできませんし、覚える必要もありません。シンプルな 2 ステップのショートカットを使用して、使用可能なすべてのコマンドとそのキーボード ショートカット (存在する場合) の膨大なリストを表示できます。
Ctrl + K を押し続けることを意味します Ctrl キーを押して押します K。 Ctrl + K Ctrl + S は、同じことを行い、その後、長押しすることを意味します Ctrl そして押します S。 Ctrl キーを押したままにすることも、他のキーを押すまでに放すこともできます。それはあなた次第です。
幸いなことに、このリストをフィルタリングすることもできるので、コマンドの任意の部分を入力して選択肢を絞り込みます。
Ctrl や Backspace などの特殊なキーを含むキーの名前を検索して、そのキーに関連するショートカットを含むコマンドを一覧表示することもできます。
プロジェクト内の任意のファイルを開きます
使用 Ctrl + P ファイルを検索して開くには
VS Code のエクスプローラー パネルには、現在のプロジェクト内のすべてのファイルがツリーベースで表示されます。これはマウスを使用してナビゲートするのには優れた方法ですが、少なくともそれにアクセスするための独自のショートカットを設定しない限り、キーボードではそれほどアクセスしにくいです。
を押すことができる間、 Ctrl + O 標準のファイルを開くダイアログを表示するには、ファイルを開くより良い方法は、 を押すことです。 Ctrl + P をクリックして、クイック オープン パレットを呼び出します。
これには、システム ファイルや .git/ や node_modules/ などの依存関係を除いた、あいまい検索可能なプロジェクト ファイルのセットが含まれます。このリストは、最近開いたファイルが一番上になるように並べ替えられているため、小さなセット間をすばやく行き来するのに非常に便利です。
定義にジャンプ
使用 F12 関数、変数、またはクラスがどのように (そしてどこで) 定義されているかを確認するには
メタ的な話は少し少なくなりましたが、このショートカットは、コーディングをより効率的に行うのに役立つ IDE としての VS Code の中心的なセールス ポイントを実際に示しています。構文レベルでファイルを徹底的に理解することで、VS Code は標準のテキスト エディターをはるかに超えた方法でユーザーを支援できます。
最も価値があり、理解しやすいものの 1 つは、「定義に移動」という単純な F12 ショートカットです。まるで魔法のように、このショートカットを使用すると、変数、関数、またはクラスの言及から、対応する定義に移動できます。名前内の任意の場所にカーソルを置いてから、 を押します。 F12とすると、VS Code はそのシンボルの定義に切り替え、必要に応じてそのファイルを開きます。
領域を折りたたんだり展開したりする
使用 Ctrl + Shift + ( または ) コードベースのさまざまな部分に焦点を当てるため
VS Code の言語認識のもう 1 つの利点は、領域の折りたたみのサポートです。大規模なコード ファイルまたは複雑なコード ファイルを操作している場合は、他の関数またはクラス定義を一時的に折りたたむことで、一度に 1 つの関数またはクラス定義に集中するのに役立ちます。関数を非推奨にする場合は、コメントアウトしたり完全に削除したりするよりも、折りたたんだ方が簡単な場合があります。
macOS では、同等のショートカットは次のとおりです。 Cmd + Alt + ( そして Cmd+Alt+)。
すべての領域を折りたたんだり展開したりするためのショートカットもあるので、練習すれば、気が散る作業をすばやく最小限に抑え、現在注意が必要なコードだけに集中することができます。
端子パネルを切り替えます
使用 Ctrl + ` エディターを離れることなくコマンドラインにアクセスするには
ほとんどの IDE が標準のテキスト エディタ以外に導入しているもう 1 つの大きな利点は、統合ターミナルです。多くのプログラミング プロジェクトでは、VS Code のツールボックスでも不十分な場合に備えて、時々コマンド ラインにドロップする必要があります。
を押すだけでいつでも端子パネルを開くことができます。 Ctrl + `。使い慣れたシェルと環境を使用して、完全なコマンド ラインを自由に使用できるようになります。現在の作業ディレクトリはプロジェクト ディレクトリに設定され、個別のタブや分割ターミナルを使用することもできます。完了したら、タップするだけです Ctrl + ` もう一度クリックすると、編集中のファイルに戻ります。
このショートカットは macOS 上でも同じであるのはまれなケースで、次を使用します。 Ctrl、 ない コマンド。
ショートカットのほんの一部が VS Code の威力を明らかにします
これらのキーボード ショートカットは不可欠なので、VS Code の使用を開始したら、できるだけ早い段階で習得することをお勧めします。他にも非常に便利で高度なショートカットがたくさんあります。たとえば、 Alt + 上/下。テキストを選択せずに標準の Ctrl+C/X を押して、行全体をコピーまたはカットすることもできます。
完全なリファレンスについては、Windows、macOS、および Linux のキーボード ショートカット PDF を参照してください。
このテーマについてさらに詳しく知りたい方は以下をご覧ください