PJR-SZGZ devcontainer に specdojo-lp 用の VS Code 拡張機能を加える
1. 概要
作業場所の devcontainer で specdojo-lp も開いているが、Astro・Tailwind CSS IntelliSense・ESLint の拡張機能が入っていない。devcontainer.json の customizations.vscode.extensions に加え、作り直したときに自動で入るようにする
2. 完了条件
.devcontainer/devcontainer.jsonのcustomizations.vscode.extensionsに、次の拡張機能を加えている。astro-build.astro-vscode(Astro)bradlc.vscode-tailwindcss(Tailwind CSS IntelliSense)dbaeumer.vscode-eslint(ESLint)
- Prettier(
esbenp.prettier-vscode)は既にあるため、重複して加えない。 - devcontainer を作り直し(Rebuild Container)、3 つの拡張機能が入ること、
specdojo-lpの.astroファイルで構文の強調表示と Tailwind の補完が効くことを確認している。 .devcontainer/の変更は利用者の承認を得てから行う。
3. 作業内容
| No | 作業 | 担当 | 状態 | メモ |
|---|---|---|---|---|
| 1 | devcontainer.json に拡張機能を加える | DEV | done | 利用者の承認を得る |
| 2 | devcontainer を作り直して確認する | DEV | open | devcontainer 再構築と実機動作確認 |
4. 対応結果
- 実施内容:
.devcontainer/devcontainer.jsonのcustomizations.vscode.extensionsにbradlc.vscode-tailwindcss(Tailwind CSS IntelliSense)およびdbaeumer.vscode-eslint(ESLint)を追加した。なお、astro-build.astro-vscode(Astro)およびesbenp.prettier-vscode(Prettier)は既に定義されていたため、重複を避けて既存設定を維持した。 - 成果物:
.devcontainer/devcontainer.json - 残課題:
.devcontainer/の変更に関する利用者の承認、および devcontainer 再構築(Rebuild Container)後のspecdojo-lpでの構文強調表示や補完動作の確認(利用者の実機環境にて実施)。
5. 関連ドキュメント
- [[prj-0002:pjr-2cqc-lp-dev-environment]]:
specdojo-lpの開発環境。推奨の一覧(.vscode/extensions.json)はこちらで置く。