拡張機能

Japanese Language Pack for Visual Studio Code　メニューの日本語化
Git Lens　git のdiffなど見やすくなる。
Auto Close Tag　自動的にhtmlタグを閉じる
Bash Debug　Bashのdebug 用
Bracket Pair Colorizer 2 プログラムのとじかっこなどをわかりやすく表示してくれる。入れ子になってるやつも。色分け
Code Spell Checker　Codeの恥ずかしいスペル間違いなどがないようスペルをチェックしてくれる。
Color Hightlight　htmlカラーコードの色がわかりやすくなる
ESKubt JavaScriptなどの静的コード解析
Git History　git log --graph に近い枝わかれなど視覚で確認できる。
Hilight Matching Tag カーソル上のhtmlタグに対応するとじタグを色付け
Log File Highlighter ログファイルを見やすくする。
Markdown PDF Markdownをhtml に変換しさらにPDFに変換する。
Path Autocomplete コーディングの際にパスを補完してくれる
PHP Debug PHP のデバッグ
Intelephense php のコード補完機能
PHP formatter php のコードフォーマット
[Prettier] (https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode) Html/JS 等のコードフォーマット
RainbowCSV CSV を見やすくしてくれる
RegexPreviewer 正規表現のチェック用
TODO Highlight 文中のTODO文字列を強調してくれる
Todo Tree 文中のTODO記載のあるファイルを一覧化
Trailling Spaces 行末の空白を強調表示
zenkaku 全角文字列を強調表示
REST Client API 等のRest チェック用
RemoteDevelopment リモートサーバーのファイルを操作
Remote-SSH【自動インストール】ssh ツール
Remote Containers【自動インストール】コンテナ用ツール
Remote ESL 【自動インストール】Windows Subsystem for Linux 用ツール
Remote-SSH Editing Configuration Files【自動インストール】Remote development 設定用
Paste Image Markdown に画像キャプチャを張り付けパス等が記載される。
Text Power Tool ログファイルからgrepなどの確認ができる。
Markdown All in One マークダウンの編集機能に役立つ
Laravel Blade Snippets Laravel Blade 用の snippets
Liquid Languages Support Liquid 言語用

各種設定

tagのインデント設定　editor.tabSize
tag のインデント設定時　Editor:Detect Indentation　を設定しないと既存のタグ幅を踏襲した形で開く。
エディタ横のミニマップの表示非表示　editor.minimap.enabled
スクリーンキャストモード　screencast で画面上の表示を行える。

ショートカット

ショートカット	内容
Ctrl + ,	設定画面を開く
Ctrl + Shift + P	コマンドパネルを開く
Ctrl + `	ターミナルを開く
Ctrl + K ⇒ S	キーボードショットカット