Zenn
Open10

Try Out Development Containers: PHP

VS Code
devcontainer
gzgz

Setting up the development container

ローカルでやりたいので → VS Code Remote - Containers

gzgz
  1. If this is your first time using a development container, please ensure your system meets the pre-reqs (i.e. have Docker installed) in the getting started steps.

getting started stepsを開いて、System requirementsを確認

  • Docker Desktop 2.0+ => OK
  • WSL2 backend => OK
gzgz

openボタンをクリック、VSCodeが開ける

エラー
おーと、docker起動していない
→dockerを起動します。

再度openボタンをクリックします。

Remote Explorerよりcontainerの確認ができます。

gzgz

手順の続き

Things to try

１．Edit

as extensions to install automatically when the container is created
containerが作成された時に、拡張が自動的にインストールされます。

確認したら、php-debugに[install in container][Uninstall]ボタンが青色、つまり、インストールされていますが、containerにインストールされていない。原因がわかりません。

もともとローカルにもPHP開発していたので、ローカルには既にインストールされていること。

gzgz

２．Terminal

$ uname
Linux

$ whoami
vscode
gzgz

３．Run and Debug

index.phpにbreakpointを追加できない。

やっぱりステップ１のphp-debugがcontinanerにインストールされないため。
→php-debugをcontainerにインストール

無事にdebugできた。

gzgz

４．Running a server
５．Attach debugger to the server

この二つはとくにトラブルなくできました。

gzgz

まとめ：
php-debug拡張が自動的にインストールされない以外、全部手順通りにできました。