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 ![]()
・ペットを飼う