Devcontainer:VSCode と Dockerコンテナを同期して、実行やデバッグをしやすくする

Devcontainer は、VSCode拡張機能

VSCodeで、「>< Remote Development」をインストールする。

Remote Developmentの設定は、「.devcontainer/devcontainer.json」で行う。

.devcontainer/devcontainer.json の中身(PHP, apache)

{
  "name": "何でも良い",
  "dockerComposeFile": [
    "../docker-compose.yml", <- 相対パスで、docker-compose.yml を指定
  ],
  "service": "コンテナ(名)を指定する",
  "workspaceFolder": "/var/www/html", <- コンテナの作業ディレクトリ
  "forwardPorts": [
    9003 <- コンテナ内からローカルに転送するポートを指定
  ],
  "extensions": [ <- PHPの拡張機能。リモート先(コンテナ内)でも使いたいものをここに追記していく。
    "作者名.拡張機能名",
    "felixfbecker.php-debug",
    "bmewburn.vscode-intelephense-client",
    "coenraads.bracket-pair-colorizer-2",
    "oderwat.indent-rainbow",
    "streetsidesoftware.code-spell-checker"
  ]
}


参考サイト