DevContainersはじめの一歩

まずはDevContainersのテンプレートを使ってコンテナを起動しよう。

プロジェクトディレクトリを作成し、作成ディレクトリ上でVS Codeを開く

code:shell

mkdir test-project

cd test-project

code .

F1またはCtrl+Shift+Pキーを押してdevcontainersと入力

Dev Containers: Add Dev Container Configuration Files...を選択

https://gyazo.com/bbea9c08826e7f90b574991b0b5e492a

Add configuration to workspaceを選択し、ワークスペースにDevContainers定義ファイルを追加

https://gyazo.com/4e5e1c6d091129e6c2b581324586f36b

使用する言語やデータベースなど、作成したい環境に合うテンプレートを選択

https://gyazo.com/d41440b5d490c8debe01565c55403f36

https://gyazo.com/08368625763c82454a4dca81f4a72c59

追加したいツールなどがあれば選択

https://gyazo.com/04be0612b4b2aae128a3bcaff7c154dc

https://gyazo.com/852e0140bcea749cd8186e9daa8284a9

.devcontainerフォルダに定義ファイルが生成される

https://gyazo.com/cb1fcd437cb962e99d4c6736805e2241

画面左下のボタンをクリックし、Reopen in Containerを選択してコンテナを起動する

https://gyazo.com/c2006829a061cc0f048a52af3aa89f78