【VSCode】Dev Containersをコマンドで起動する方法

VSCodeのコマンドパレットからDev Containers: Install devcontainer CLIを選択し実行します。

VSCodeからインストールした場合にはdevcontainer openコマンドが使用できます。

$ devcontainer --help
devcontainer <command>

Commands:
  devcontainer open [path]          Open a dev container in VS Code
  devcontainer up                   Create and run dev container
  devcontainer set-up               Set up an existing container as a dev container
  devcontainer build [path]         Build a dev container image
  devcontainer run-user-commands    Run user commands
  devcontainer read-configuration   Read configuration
  devcontainer features             Features commands
  devcontainer templates            Templates commands
  devcontainer exec <cmd> [args..]  Execute a command on a running dev container

Options:
  --help     Show help                                                                     [boolean]
  --version  Show version number                                                           [boolean]

devcontainer@0.29.0 /Users/username/.vscode/extensions/ms-vscode-remote.remote-containers-0.275
.1

次のようにdevcontainer openコマンドを実行するとカレントディレクトリでDev Containerを開けます。

devcontainer open .

npmでインストールする

次のコマンドを実行することでインストールできます。

npm install -g @devcontainers/cli

npmでインストールした場合にはdevcontainer openコマンドは使用できません。

$ devcontainer --help
devcontainer <command>

Commands:
  devcontainer up                   Create and run dev container
  devcontainer build [path]         Build a dev container image
  devcontainer run-user-commands    Run user commands
  devcontainer read-configuration   Read configuration
  devcontainer features             Features commands
  devcontainer templates            Templates commands
  devcontainer exec <cmd> [args..]  Execute a command on a running dev container

Options:
  --help     Show help                                                 [boolean]
  --version  Show version number                                       [boolean]

しかし次のようにコマンドを実行するとDev Containerを開けます。

code --folder-uri "vscode-remote://dev-container%2B$(printf "%s" "/path/to/host/project" | xxd -p -c 256)/path/to/devcontainer/workspaceFolder"

• printf "%s" "/path/to/host/project" | xxd -p -c 256
  ホスト側のプロジェクトルートへのパスを16進数に変換（xxdコマンドについて）。

上記の記述は~/Library/Application Support/Code/User/globalStorage/storage.jsonで見つけることができます。

`grep "vscode-remote://dev-container%2B$(printf "%s" "/path/to/host/project" | xxd -p -c 256)/path/to/devcontainer/workspaceFolder" \
    "${HOME}/Library/Application Support/Code/User/globalStorage/storage.json"`