Open43
【VS Code】拡張機能

【必須】Tailwind CSS IntelliSense
Tailwind CSSを使用する際に、オートコンプリート、シンタックスハイライト、リンティングなどを行ってくれる拡張機能。

【必須】Tailwind Raw Reorder
Tailwind CSSを使用する際に、phpファイルでクラス名の自動ソートを行ってくれる拡張機能。

【必須】Astro
Astroを使用する際に、.astroファイルのシンタックスハイライトや.astroファイルのTypeScript型情報、VS Code Intellisenseによるコード補完、ヒントなどを行ってくれる拡張機能。

【不要?】Auto Close Tag
開始タグを新規で入力したときに、自動で閉じタグも入力してくれる拡張機能。
Visual Studio Codeのデフォルトの機能で備わったっぽいので、不要かも。

【不要?】Auto Rename Tag
HTMLの開始タグを修正時に、一緒に閉じタグも修正してくれる拡張機能。
Visual Studio Codeのデフォルトの機能で備わったっぽいので、不要かも。

Bookmarks
マークを付けた任意の行へ素早く移動できるVS Codeの拡張機能。
・⌥ ⌘ J:前へ
・⌥ ⌘ K:マーク付け外し
・⌥ ⌘ L:次へ

【必須】Code Spell Checker
英単語のスペルミスを表示してくれる拡張機能。

Docker
VS Code上でDockerを使用できる拡張機能。意外と使ってないかも。。

DotENV
.envファイルにシンタックスハイライトが効くようになる拡張機能。

Draw.io Integration
Draw.ioがVSCodeで利用できるようになる拡張機能。存在忘れていてほとんど使ってない。。

【必須】EditorConfig for VS Code
.editorconfigファイルを読み込んで、エディターの設定を変更する拡張機能。複数人での作業でフォーマットを統一させるために必要。

【必須】ESLint

Figma for VS Code

Git Graph
Gitの履歴をグラフで表示する拡張機能。

GitHub Copilot

GitHub Copilot Chat

【必須】GitLens — Git supercharged

Gitmoji

Highlight Matching Tag

HTML End Tag Labels

indent-rainbow

Insert < br > Tag

Japanese Language Pack for Visual Studio Code

Live Server

Multiple cursor case preserve

Path Intellisense
ファイルパスを入力する際に補完機能を提供する拡張機能。

【必須】PHP Intelephense

【必須】Prettier - Code formatter

【必須】Project Manager

【必須】Sass (.sass only)

Stylelint

Svg Preview

TODO Highlight v2

Todo Tree
TODOコメントを一覧表示する拡張機能。

Trailing Spaces

Turbo Console Log

vscode-icons

vscode-input-sequence

vscode-pdf

zenkaku

Markuplint

Nunjucks

Nunjucks Template Formatter