VScode

拡張機能

Japanese Language Pack for Visual Studio Code
・日本語化

Auto Close Tag
・自動的で終了タグを挿入

htmltagwrap
・選択範囲をHTMLタグで囲む拡張機能(htmltagwrap.tagの修正が必要)

Auto Rename Tag
・開始タグと終了タグを自動的に同期して変更できる

Insert <br> Tag
・「shift + Enter」で<br>タグが挿入できる

Live Server
・ローカルサーバー上でリアルタイムでプレビュー表示

Live Sass Compiler
・Sassを自動でコンパイルできる

GitHub Copilot
・コード補完

GitHub Copilot Chat
・Copilotとチャットできる

Path Intellisense
・ファイルパスの自動補完をしてくれる機能

Path Autocomplete
・ファイルパスを補完候補を表示してくれる拡張機能

indent-rainbow
・インデントをわかりやすく色分けしてくれる拡張機能 

IntelliCode
・コード補完機能

IntelliCode API Usage Examples
・コード補助

IntelliSense for CSS class names in HTML
・CSSにあるクラス定義からHTMLのクラスを入力する際に、自動補完してくれる

htmx-tags
・公式の htmx ドキュメントに基づいた自動補完候補が表示される

Figma for VS Code
・VSCode上でFigmaのデザインをみたり、CSSのコードを取得したりすることがでる

PHP Intelephense
・PHPのファイルのフォーマット


Emmet Live
・入力中に Emmet の略語を動的に展開します

Docker
・VSCodeからコンテナー化されたアプリケーションを簡単に構築、管理、デプロイできる

Container Tools
・VSCodeからコンテナ化されたアプリケーションを簡単に構築、管理、デプロイができる。また、コンテナ内のNode.js、Python、.NETをワンクリックでデバッグすることもできる

vscode-pets
・ペットを飼う