拡張機能
- 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 | キーボードショットカット |