VScode関連
VScodeショートカット
table:ショートカット
操作 ショートカット (Windows/Linux) ショートカット (macOS) 個人的に使うもの
ファイルを開く Ctrl+O Cmd+O
ファイルを保存 Ctrl+S Cmd+S 〇
新しいファイルを作成 Ctrl+N Cmd+N
ファイルを閉じる Ctrl+W Cmd+W
ファイルを元に戻す Ctrl+Z Cmd+Z 〇
ファイルをコピー Ctrl+C Cmd+C 〇
ファイルを切り取り Ctrl+X Cmd+X 〇
ファイルを貼り付け Ctrl+V Cmd+V 〇
行の移動 (上下) Alt+↑ / Alt+↓ Option+↑ / Option+↓ 〇
ファイル内で検索 Ctrl+F Cmd+F 〇
ファイル内で置換 Ctrl+H Cmd+H 〇
行にインデントを追加 Ctrl+ [ Cmd+[
行のインデントを削除 Ctrl + ] Cmd+ ]
コードの折りたたみ/展開 Ctrl+Shift+[ Cmd+Option+[
コードの展開 Ctrl+Shift+] Cmd+Option+]
行の選択 Ctrl + l 〇
選択した行のコメントアウト Ctrl + / 〇
エディタ内での移動 (行番号指定) Ctrl+G Cmd+G
コードの自動整形 Shift+Alt+F Shift+Option+F
ファイルエクスプローラを開く/閉じる Ctrl+Shift+E Cmd+Shift+E
サイドバーを開く/閉じる Ctrl+B Cmd+B
ファイルの検索（指定ファイルに移動) Ctrl+P Cmd+P
次を検索 F3 〇
前を検索 Shift+F3 〇
Ctrl+D 次のマッチを選択に追加 〇
Ctrl+K Ctrl+D 次のマッチに移動 〇
参考：https://qiita.com/TakahiRoyte/items/cdab6fca64da386a690b
VScodeの拡張機能
table:拡張機能
Better C++ Syntax C++のシンタックスハイライトとコードスニペットを向上させる
Color Picker カラーピッカーツールを提供し、カラーコードを選択できる
indent-rainbow インデントの深さに応じて異なる色で行を強調表示する
IntelliCode 機械学習を使用してコード補完を提供する
IntelliSense for CSS class names in HTML HTML内のCSSクラス名を補完する IntelliSense 拡張機能
open in browser ブラウザでHTMLファイルをプレビューするためのショートカット
Mithril Emmet Mithril.jsフレームワークのコードを生成するEmmetサポート
Formatting Toggle コードの自動フォーマットをオン/オフできるトグルボタンを提供
Prettier - Code formatter コードの自動フォーマットを行うためのPrettierツールの統合
zenkaku 全角スペースやタブなどの空白文字を可視化する
Regex Previewer 正規表現のテストとデバッグを支援するプレビュー機能
Code Runner 複数のプログラミング言語でコードを実行するためのランナー
HTML Preview HTMLファイルのプレビューを提供する
HTML Snippets HTMLコードスニペットの提供
HTMLHint HTMLコードの静的解析を実行し、問題を検出する
C/C++ CおよびC++の開発を支援する基本拡張機能
C/C++ Extension Pack C/C++の開発に役立つ複数の拡張機能を統合した拡張機能
C/C++ Themes C/C++プログラミングのためのテーマ設定を提供
CSSTree validator CSSコードを検証し、問題を識別するための拡張機能
Dart Dart言語の開発を支援する拡張機能
Doxygen Documentation Generator Doxygenドキュメンテーションの生成を支援する拡張機能
table:拡張機能(HTML関連)
番号 拡張機能名 拡張機能の内容
1 Auto Close Tag 開始タグを記載すると、終了タグを自動的に追加
2 Auto Rename Tag 開始タグまたは終了タグを変更すると、HTMLまたはXMLタグの名前も自動的に変更される
3 Color Picker カラーピッカーツールを提供し、カラーコードを選択できる
4 indent-rainbow インデントの深さに応じて異なる色で行を強調表示する
5 IntelliCode 機械学習を使用してコード補完を提供する
6 IntelliSense for CSS class names in HTML HTML内のCSSクラス名を補完する IntelliSense 拡張機能
7 open in browser ブラウザでHTMLファイルをプレビューするためのショートカット
8 Formatting Toggle コードの自動フォーマットをオン/オフできるトグルボタンを提供
9 Prettier - Code formatter コードの自動フォーマットを行うためのPrettierツールの統合
10 zenkaku 全角スペースやタブなどの空白文字を可視化する
11 HTML Preview HTMLファイルのプレビューを提供する
12 HTML Snippets HTMLコードスニペットの提供
13 HTMLHint HTMLコードの静的解析を実行し、問題を検出する
14 CSSTree validator CSSコードを検証し、問題を識別するための拡張機能
Regex Previewer 正規表現のテストとデバッグを支援するプレビュー機能
Dart Dart言語の開発を支援する拡張機能
Code Runner 複数のプログラミング言語でコードを実行するためのランナー
Mithril Emmet Mithril.jsフレームワークのコードを生成するEmmetサポート