【VS Code】拡張機能
Miz_dev【必須】Tailwind CSS IntelliSense
Tailwind CSSを使用する際に、オートコンプリート、シンタックスハイライト、リンティングなどを行ってくれる拡張機能。
Miz_dev【必須】Tailwind Raw Reorder
Tailwind CSSを使用する際に、phpファイルでクラス名の自動ソートを行ってくれる拡張機能。
Miz_dev【必須】Astro
Astroを使用する際に、.astroファイルのシンタックスハイライトや.astroファイルのTypeScript型情報、VS Code Intellisenseによるコード補完、ヒントなどを行ってくれる拡張機能。
Miz_dev【不要？】Auto Close Tag
開始タグを新規で入力したときに、自動で閉じタグも入力してくれる拡張機能。
Visual Studio Codeのデフォルトの機能で備わったっぽいので、不要かも。
Miz_dev【不要？】Auto Rename Tag
HTMLの開始タグを修正時に、一緒に閉じタグも修正してくれる拡張機能。
Visual Studio Codeのデフォルトの機能で備わったっぽいので、不要かも。
Miz_devBookmarks
マークを付けた任意の行へ素早く移動できるVS Codeの拡張機能。
・⌥ ⌘ J：前へ
・⌥ ⌘ K：マーク付け外し
・⌥ ⌘ L：次へ
Miz_dev【必須】Code Spell Checker
英単語のスペルミスを表示してくれる拡張機能。
Miz_devDocker
VS Code上でDockerを使用できる拡張機能。意外と使ってないかも。。
Miz_devDotENV
.envファイルにシンタックスハイライトが効くようになる拡張機能。
Miz_devDraw.io Integration
Draw.ioがVSCodeで利用できるようになる拡張機能。存在忘れていてほとんど使ってない。。
Miz_dev【必須】EditorConfig for VS Code
.editorconfigファイルを読み込んで、エディターの設定を変更する拡張機能。複数人での作業でフォーマットを統一させるために必要。
Miz_dev【必須】ESLint
Miz_devFigma for VS Code
Miz_devGit Graph
Gitの履歴をグラフで表示する拡張機能。
Miz_devGitHub Copilot
Miz_devGitHub Copilot Chat
Miz_dev【必須】GitLens — Git supercharged
Miz_devGitmoji
Miz_devHighlight Matching Tag
Miz_devHTML End Tag Labels
Miz_devindent-rainbow
Miz_devInsert < br > Tag
Miz_devJapanese Language Pack for Visual Studio Code
Miz_devLive Server
Miz_devMultiple cursor case preserve
Miz_devPath Intellisense
ファイルパスを入力する際に補完機能を提供する拡張機能。
Miz_dev【必須】PHP Intelephense
Miz_dev【必須】Prettier - Code formatter
Miz_dev【必須】Project Manager
Miz_dev【必須】Sass (.sass only)
Miz_devStylelint
Miz_devSvg Preview
Miz_devTODO Highlight v2
Miz_devTodo Tree
TODOコメントを一覧表示する拡張機能。
Miz_devTrailing Spaces
Miz_devTurbo Console Log
Miz_devvscode-icons
Miz_devvscode-input-sequence
Miz_devvscode-pdf
Miz_devzenkaku
Miz_devMarkuplint
Miz_devNunjucks
Miz_devNunjucks Template Formatter
Miz_devSCSS IntelliSense
ワークスペース内のすべての .scss に対して、変数、ミックスイン、関数を補完してくれる拡張機能。
Miz_devSCSS Everywhere
SCSSやCSSでHTML側のクラス名やID名を補完してくれる拡張機能。