VSCodeのショートカットを覚えて開発効率を高めましょう！-VSCode-php.cn

この記事では、公式ドキュメントに記載されている効率化できるVSCodeのショートカットをまとめていますので、覚えて開発効率を高めましょう！！

VSCodeのショートカットを覚えて開発効率を高めましょう！

Visual Studio Code は、最も人気があり、よく使用されるコードエディターの 1 つであり、オープンソースであり、無料で使用できます。複数の言語とフレームワークのサポートも提供します。 [推奨学習: 「vscode Getting Started Tutorial」]

これらの Visual Studio Code のショートカットは、VS Code の公式ドキュメントから引用されていることに注意してください。一部のショートカットが機能しない場合は、ショートカットのエディターまたはファイル形式が変更されたか、ショートカットに影響を与える拡張機能がインストールされていることが考えられます。

1. クイックナビゲーション

1. ファイルの検索

特定のファイルを検索する必要がある場合、およびプロジェクトが大きい場合は、時間がかかります。。ファイルの場所がわかっている場合でも、このショートカットキーを使用すると、プロジェクト内のファイルを簡単に開くことができて非常に便利です。

Windows/Linux: ctrl P
macOS: command P

2. 設定を開く

Visual Studio Code には、必要に応じて変更できる多くの機能と設定があります。このショートカットを使用すると、必要なときに簡単に設定を開くことができます。

Windows/Linux: ctrl ,
macOS: command ,

3. スイッチ側サイドバー

多くの場合、処理する必要があるファイルを配置するために、より多くのスペースが必要になります。したがって、このショートカットキーを使用すると、サイドバーを表示または非表示にすることができて便利です。

Windows/Linux: Ctrl B
macOS: コマンド B

4. ナビゲーションタブ

多数のタブを開いてタブ間を切り替える必要がある場合、このショートカットキーを使用できます。タブリストが表示され、タブ間を移動して、開くタブを選択できます。

Windows/Linux: Ctrl シフトタブ
macOS: コントロールシフトタブ

5.ナビゲーションタブグループ

Visual Studio Code は、タブグループを作成する機能を提供します。タブグループを使用すると、タブをグループ化して、それぞれが画面の一部を占めることができます。このショートカットキーを使用して、さまざまなタブグループを切り替えます。ショートカットで選択したタブグループが現在開いているグループの数より大きい場合、このショートカットは新しいグループを作成します。

#Windows/Linux : Ctrl 1 または 2 または 3
macOS: コマンド 1 または 2 または 3

6. ターミナルを開く

開発プロセス中、ターミナルは頻繁に使用されます。 Visual Studio Code を使用すると、エディター内でターミナルウィンドウを開くことができます。これにより、エディタとターミナルの間で切り替える必要がなくなり、エディタとコードに集中できるようになります。

Windows/Linux: Ctrl J
macOS: コマンド J

VSCodeのショートカットを覚えて開発効率を高めましょう！

7. コマンドパネルを開く

Visual Studio Code では多くのコマンドを実行できます。このショートカットキーを使用すると、コマンドパレットを簡単に開くことができます。コマンドパレットを使用すると、使用可能なコマンドを検索して実行できます。

: Ctrl シフト P
: コマンドシフト P

##2. 素早い選択 VSCodeのショートカットを覚えて開発効率を高めましょう！

開発プロセス中、コピー、切り取り、その他の操作を含むコード内で選択を行うことが必要になることがよくあります。マウスを使用する代わりに、キーボードを使用すると時間を節約できます。これらのショートカットキーは、選択を迅速に行うことに重点を置いています。

1. 現在の行を選択します

このショートカットキーを使用すると、カーソルがある行のコード行全体をすばやく選択できます。

Windows/Linux

macOS
2. 現在の選択内容

このショートカットキーを使用すると、検索するテキストを 1 回選択するだけで、ファイル内のすべてのテキストを選択できるため、これらのテキストを同時に編集できます。

Windows/Linux

macOS
3.現在の Word

このショートカットは、何も選択せずに、上記のショートカットと同じアクションを実行します。カーソルが単語の上に置かれているときにこのショートカットキーを押すと、現在のファイル内のこの単語のすべての位置が選択されます。

Windows/Linux

macOS

4. 単語の最後まで選択します

コードの一部を選択すると、このショートカットの選択範囲を移動および展開できます。右矢印または左矢印を使用して、希望の方向に進むことができます。

#Windows/Linux : シフト alt → または ←
macOS : シフトオプション → または ←

5. マウスをドラッグしてコードの複数行を選択します。

##コード上でカーソルをドラッグして、最初から最後まで各行を選択します。ただし、このショートカットを使用して、コードの一部の行を選択することもできますが、ドラッグするコードの複数行のみを選択できます。

#Windows/Linux

macOS
6. 矢印キーを使用してコードの複数行を選択する

このショートカットキーを使用して上記の操作を実行することもできますが、マウスを使用する代わりにキーボードの矢印キーを使用します。

Windows/Linux

macOS

3. クイック検索 VSCodeのショートカットを覚えて開発効率を高めましょう！

すべてのエディタには検索機能があり、現在のファイルまたは複数のファイルを検索できます。関数名や変数名、語句、コードブロックなどの単語。検索機能に関するショートカットキーを見てみましょう。

1. 結果のナビゲーション

このショートカットキーを使用して、ファイル内の検索結果間を移動できます。

Windows/Linux

macOS
2. 複数の結果を選択します

複数の検索結果を変更する場合は、このショートカットキーを使用して、ファイル内の検索結果の複数の内容を選択できます。このキーを押すたびに、結果が 1 つ選択され、その後、を押す検索結果が順番に選択されます。

Windows/Linux

macOS
3. すべての結果を選択

検索機能を使用してすべての検索結果を変更する場合、このショートカットキーを使用してすべての検索結果を選択できます。

Windows/Linux

macOS
4. コードナビゲーション

ファイルまたはプロジェクトが複雑になるにつれて、コードの特定の部分を見つけることがますます困難になります。手動でエラーを見つけたり、コードの特定の行に移動したりするのは難しい場合があります。次のショートカットキーを使用すると、多くの手間が省け、本当にやりたいことにもっと時間を費やすことができます。

1. 指定した行にジャンプします

指定したコード行でコンパイルエラーまたはランタイムエラーが発生した場合、このショートカットキーを使用して、このコード行にジャンプできます。このショートカットキーを押し、コードの行数を入力し、Enter キーを押してこのコード行にジャンプします。このショートカットは、ファイル内に大量のコードがある場合に非常に便利です。

Windows/Linux

macOS

2. 一致する括弧に移動 VSCodeのショートカットを覚えて開発効率を高めましょう！

一致するコードブロックの閉じ括弧を見つける必要がある場合があります。ファイルが長いと大変です。このショートカットを使用すると、現在のブロックに一致する右括弧を簡単に見つけることができます。 HTMLタグでは、現在のタグの末尾に移動できます。

Windows/Linux

macOS
3.コードブロックの折りたたみ/展開

ファイルに大量のコードが含まれている場合、現在注目していない特定のコードブロックを折りたたんで (非表示にして)、他のコンテンツに集中できるようにすることができます。このショートカットキーは、コードブロックを折りたたんだり展開したりするために使用されます。コードブロック内の任意の場所をクリックし、次のキーを押すだけです。

#Windows/Linux

: Ctrl Shift [または]

macOS : コマンドオプション [または]
4. コードブロックとサブコードブロックの折りたたみ/展開##コードブロックにサブコードブロックが含まれている場合はどうなりますか?上記のコマンドを使用すると、親コードブロックが折りたたまれますが、親コードブロックが展開されても、子コードブロックは変更されません。コードブロックとそのサブコードブロックを折りたたんだり展開したりする必要がある場合は、このショートカットを使用してそれを行うことができます。

Windows/Linux

: Ctrl K [または]

macOS : コマンド K [または]
4. エラーと警告に移動します。コード内でエラーと警告が発生するコードを見つけることが重要です。このショートカットを使用すると、正確な問題を見つけるためにスクロールする手間が省けます。次のエラーまたは警告に直接進むことができます。

Windows/Linux：F8
macOS：F8 fn

5. カーソルを移動します

多くの場合、複数のカーソルをファイル内の異なる場所に配置する必要がある場合があります。これらのショートカットを使用すると、複数のカーソルを使った移動が簡単になります。

1. 特定の位置に追加のカーソルを挿入します

このキーボードショートカットを使用すると、ファイル内の任意の場所に追加のカーソルを挿入できます。

Windows/Linux : alt マウスのクリック位置
macOS: オプションのマウスクリック位置

2. 追加のカーソルを上または下に挿入します。

カーソルを挿入する 2 番目の方法は、現在のカーソル位置の上または下にカーソルを挿入することです。

#Windows/Linux : ctrl alt ↓ または ↑
macOS : コマンドオプション ↓ または ↑

Windows/Linux : ctrl U
macOS : command U

Windows/Linux : シフト alt I
macOS : シフトオプション I

Windows/Linux : alt ↓ または ↑
macOS: オプション ↓ または ↑

: シフト alt ↓ または ↑
: シフトオプション ↓ または ↑

コードをある場所から別の場所にコピーするとき、またはコードを変更するとき、多くの場合、コードのインデントが正しくなくなります。このショートカットを使用すると、必要に応じてコードをインデントしたり、複数のコード行を選択してまとめて移動したりできます。

: Ctrl [または]
: コマンド [または]

このショートカットキーを使用して、カーソルがあるコード行をコメント化またはコメント解除します。複数行のコードをコメント化またはコメント解除する場合は、最初に複数行のコードを選択するだけです。

: Ctrl /
: コマンド /

VSCodeのショートカットを覚えて開発効率を高めましょう！ 5. コードブロックコメントの切り替え

macOS

6. コード形式 VSCodeのショートカットを覚えて開発効率を高めましょう！ ##読みやすさの理由から、コードで指定された形式を維持することが重要です。 Visual Studio Code には、コードをフォーマットするための 2 つのショートカットコマンドが用意されています。

次のショートカットキーを使用すると、ファイル全体のコードを書式設定できます:

Windows/Linux

macOS : オプションシフト F
次のショートカットキーで、選択したコードを書式設定できます:

Windows/Linux

macOS : コマンド K、次にコマンド F
7. エラーをすぐに修正する

Windows/Linux : ctrl .
macOS : コマンド .

8.名前の変更

複数回使用される変数、関数、またはクラスの名前を手動で変更すると、間違いを犯しやすくなります。このショートカットは、シンボルの名前を変更する安全な方法を提供します。

Windows/Linux: F2
macOS: F2 fn

9. 空白を削除

次のショートカットキーを使用して余分な空白行を削除できます:

Windows/Linux : ctrl K X
macOS : コマンド K

#Windows/Linux

macOS : command K を押してから M
#7. より良いコーディング1. 定義に移動

:F12

macOS:F12 fn
2. ビューの定義このショートカットキーは、定義をチェックする定義を開くことができます。これにより、別のファイルやコード行に切り替えることなく、定義を簡単に表示できるようになります。

: alt F12

macOS : オプション F12 fn

コードを作成するとき、VS Code または一部の拡張機能はコードの提案を表示します。このショートカットを使用すると、コード候補の表示と非表示をすばやく切り替えることができます。 VSCodeのショートカットを覚えて開発効率を高めましょう！

: ctrl I

macOS : コマンド I
VS コードは現在最高のコードエディターの 1 つ。すぐに使用できる多くの機能と豊富なサードパーティ拡張機能が提供されており、VS Code でショートカットキーを使用すると開発が容易になり、より短い時間で高品質のコードの作成に集中できます。この記事では、開発効率の向上に役立つことを願って、実用的な Visual Studio Code のショートカットキーをいくつか紹介します。最後に、Windows、Linux、macOS システムにおける VS Code のショートカットキーを示します:

VSCodeのショートカットを覚えて開発効率を高めましょう！