はじめに
まず本記事の前提と対象を記載します。
前提 : VSCodeをインストール、起動している
対象 : VSCodeに慣れていない人、使えてはいるけど効率良く使えてないと感じる人
本記事は、上記のような人がスムーズに開発を行えるようになることを目的とします。
必ず覚えたいショートカット
VSCodeの便利なショートカットをいくつか紹介します。ショートカット一覧を以下にまとめます。
※Ctrl + K + S でVSCode上でショートカット一覧を見ることができます！
※画像は筆者が作成したものです
①編集系
編集系のショートカットを使いこなすことで、綺麗に素早くコーディングすることができるようになります。
②検索系
検索系のショートカットを使いこなすことで、
③開く系
「ウィンドウを開いたり」、「ターミナルを開いたり」、普段なんとなくクリックして行っていることも、ショートカットを使うことでかなり作業効率が上がります。
④インデント系
インデントすることは、コードを構造的に捉えやすくします。
拡張機能
こちらでは筆者おすすめの拡張機能を紹介します。
vscode icon
フォルダ、ファイルにアイコンを付与します。エクスプローラー内が見やすくなります。
Git History
gitログを見ることができます。
Path Autocomplete
パスの入力を補完してくれます。タイプミスも防ぐことができ便利です。
Partial Diff
選択したコードの比較を簡単に行えます。ほかのコードとの比較ができるため、同じように書いているのになぜか動かないなどの場合に、便利です。
参考
VSCode公式ドキュメント
https://code.visualstudio.com/docs
拡張機能リスト
https://rui-log.com/VSCode-extended-function/
1分でも早く仕事を終わらせるためにVSCodeにできること
https://qiita.com/EaE/items/4ca1b35396eba682a86f