前提となる環境

vscode dev container

vscode での開発には vscode remote development … vscoede のリモート開発というものがあります。コンテナー、リモートコンピュータ、WSL をフル機能の開発環境として使用するものです。

これはローカルマシンの構成に影響を与えないことができる為、とても便利です。

今回はそのうち、Dev Containers ... つまりローカルに Docker 環境を用意してそこに vscode を繋ぐ環境を用意してみましょうという話です。

インストールした vscode の左下に >< みたいなマークがあるのを確認できると思います。

フォーカスすると リモートウィンドウを開きます と出るそれです

クリックするとリモートウィンドウを開くオプションが出ますので今回用事のある Dev Container を選択します。

するとインストールしてこのドロップダウンは閉じます。

再び >< を押すと Dev Containers 関連の項目が先頭に追加されています。

そこで 新しい開発コンテナー...(New Dev Container...) を選択することで新しい環境を用意することができます………

例えばその検索欄で php と入力すれば php関連の Dev Containers テンプレートが選択できます。

で、そこを選択すればこと足りるのですが………今回は別に用意されたテンプレートを使ってみましょうという話です。

microsoft の github リポジトリには vscode-remote-try- で始まる dev containers 向けのリポジトリが幾つかあります。

好きなリポジトリを開いて Code ボタンから Download Zip を選択してダウンロードしてプロジェクトを置くフォルダ等に配置して vscode で開いてください。

vscode を開いてフォルダを開くでそのフォルダを選択してもいいですし、
ターミナルから vscode の実体名である code コマンドの第二引数に対象となるフォルダのパスを含めて実行して開いてくのも手です。

そうしたのであれば左下の >< から コンテナーで再度開く を実施します。

これで環境（デバッグ込み）が作成できました。

詳しい環境情報についてはフォルダの .ddvcontainer/devcontainer.json および README.md から確認することができます。

サンプルファイルもあるのでとりあえず作ってみる際には参考になると思われます。

以上。