はじめに

まず本記事の前提と対象を記載します。
前提 : VSCodeをインストール、起動している
対象 : VSCodeに慣れていない人、使えてはいるけど効率良く使えてないと感じる人

本記事は、上記のような人がスムーズに開発を行えるようになることを目的とします。

必ず覚えたいショートカット

VSCodeの便利なショートカットをいくつか紹介します。ショートカット一覧を以下にまとめます。
※Ctrl + K + S　でVSCode上でショートカット一覧を見ることができます！
※画像は筆者が作成したものです

編集系のショートカットを使いこなすことで、綺麗に素早くコーディングすることができるようになります。

検索系のショートカットを使いこなすことで、

「ウィンドウを開いたり」、「ターミナルを開いたり」、普段なんとなくクリックして行っていることも、ショートカットを使うことでかなり作業効率が上がります。

インデントすることは、コードを構造的に捉えやすくします。

こちらでは筆者おすすめの拡張機能を紹介します。

フォルダ、ファイルにアイコンを付与します。エクスプローラー内が見やすくなります。

gitログを見ることができます。

選択したコードの比較を簡単に行えます。ほかのコードとの比較ができるため、同じように書いているのになぜか動かないなどの場合に、便利です。

拡張機能リスト
https://rui-log.com/VSCode-extended-function/