VisualStudioCode で入れておきたい拡張機能と、設定の備忘録

# 拡張機能
+ [Japanese Language Pack for Visual Studio Code](https://marketplace.visualstudio.com/items?itemName=MS-CEINTL.vscode-language-pack-ja)　メニューの日本語化
+ [Git Lens](https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens)　git のdiffなど見やすくなる。
+ [Auto Close Tag](https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-close-tag)　自動的にhtmlタグを閉じる
+ [Bash Debug](https://marketplace.visualstudio.com/items?itemName=rogalmic.bash-debug)　Bashのdebug 用
+ [Bracket Pair Colorizer 2](https://marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer-2) プログラムのとじかっこなどをわかりやすく表示してくれる。入れ子になってるやつも。色分け
+ [Code Spell Checker](https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker)　Codeの恥ずかしいスペル間違いなどがないようスペルをチェックしてくれる。
+ [Color Hightlight](https://marketplace.visualstudio.com/items?itemName=naumovs.color-highlight)　htmlカラーコードの色がわかりやすくなる
+ [ESKubt](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint) JavaScriptなどの静的コード解析
+ [Git History](https://marketplace.visualstudio.com/items?itemName=donjayamanne.githistory)　git log --graph に近い枝わかれなど視覚で確認できる。
+ [Hilight Matching Tag](https://marketplace.visualstudio.com/items?itemName=vincaslt.highlight-matching-tag) カーソル上のhtmlタグに対応するとじタグを色付け
+ [Log File Highlighter](https://marketplace.visualstudio.com/items?itemName=emilast.LogFileHighlighter) ログファイルを見やすくする。
+ [Markdown PDF](https://marketplace.visualstudio.com/items?itemName=yzane.markdown-pdf) Markdownをhtml に変換しさらにPDFに変換する。
+ [Path Autocomplete](https://marketplace.visualstudio.com/items?itemName=ionutvmi.path-autocomplete) コーディングの際にパスを補完してくれる
+ [PHP Debug](https://marketplace.visualstudio.com/items?itemName=felixfbecker.php-debug) PHP のデバッグ
+ [Intelephense](https://marketplace.visualstudio.com/items?itemName=bmewburn.vscode-intelephense-client) php のコード補完機能
+ [PHP formatter](https://marketplace.visualstudio.com/items?itemName=kokororin.vscode-phpfmt) php のコードフォーマット
+ [Prettier] (https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode) Html/JS 等のコードフォーマット
+ [RainbowCSV](https://marketplace.visualstudio.com/items?itemName=mechatroner.rainbow-csv) CSV を見やすくしてくれる
+ [RegexPreviewer](https://marketplace.visualstudio.com/items?itemName=chrmarti.regex) 正規表現のチェック用
+ [TODO Highlight](https://marketplace.visualstudio.com/items?itemName=wayou.vscode-todo-highlight) 文中のTODO文字列を強調してくれる
+ [Todo Tree](https://marketplace.visualstudio.com/items?itemName=Gruntfuggly.todo-tree) 文中のTODO記載のあるファイルを一覧化
+ [Trailling Spaces](https://marketplace.visualstudio.com/items?itemName=shardulm94.trailing-spaces) 行末の空白を強調表示
+ [zenkaku](https://marketplace.visualstudio.com/items?itemName=mosapride.zenkaku) 全角文字列を強調表示
+ [REST Client](https://marketplace.visualstudio.com/items?itemName=humao.rest-client) API 等のRest チェック用
+ [RemoteDevelopment](https://marketplace.visualstudio.com/items?itemName=ms-vscode-remote.vscode-remote-extensionpack) リモートサーバーのファイルを操作
 + [Remote-SSH](https://marketplace.visualstudio.com/items?itemName=ms-vscode-remote.remote-ssh)【自動インストール】ssh ツール
 + [Remote Containers](https://marketplace.visualstudio.com/items?itemName=ms-vscode-remote.remote-containers)【自動インストール】コンテナ用ツール
 + [Remote ESL](https://marketplace.visualstudio.com/items?itemName=ms-vscode-remote.remote-wsl) 【自動インストール】Windows Subsystem for Linux 用ツール
 + [Remote-SSH Editing Configuration Files](https://marketplace.visualstudio.com/items?itemName=ms-vscode-remote.remote-ssh-edit)【自動インストール】Remote development 設定用
+ [Paste Image](https://marketplace.visualstudio.com/items?itemName=mushan.vscode-paste-image) Markdown に画像キャプチャを張り付けパス等が記載される。
+ [Text Power Tool](https://marketplace.visualstudio.com/items?itemName=qcz.text-power-tools) ログファイルからgrepなどの確認ができる。
+ [Markdown All in One](https://marketplace.visualstudio.com/items?itemName=yzhang.markdown-all-in-one) マークダウンの編集機能に役立つ
+ [Laravel Blade Snippets](https://marketplace.visualstudio.com/items?itemName=onecentlin.laravel-blade) Laravel Blade 用の snippets
+ [Liquid Languages Support](https://marketplace.visualstudio.com/items?itemName=neilding.language-liquid) Liquid 言語用

# 各種設定
+ tagのインデント設定　editor.tabSize
+ tag のインデント設定時　Editor:Detect Indentation　を設定しないと既存のタグ幅を踏襲した形で開く。
+ エディタ横のミニマップの表示非表示　editor.minimap.enabled
+  スクリーンキャストモード　screencast で画面上の表示を行える。
 
# ショートカット
|ショートカット  |内容  |
|---|---|
|Ctrl + ,   |設定画面を開く  |
|Ctrl + Shift + P | コマンドパネルを開く |
|Ctrl + ` | ターミナルを開く | 
|Ctrl + K ⇒ S | キーボードショットカット |