DockerToolboxでVScodeからリモートで編集したい

Question

DockerToolboxを使用して環境構築を行い、いざVScodeのRemoteCotainerを使って開こうと思いましたが開けませんでした。
何か方法はあるのでしょうか？よろしくお願いします。

追記
docker-composeでシンプルにvue.js環境構築を参考にDockerでVueの環境構築をしました。

OS：Win10Home
DockerToolbox仕様

ディレクトリ構造
app
├─docker-compose.yml
├─docker
│ ├─Dockerfile
│
├─server
│ ├─src
│ ├─node_modules
│ ├─dist
│ ├─myapp
│ ├─static
│ ├─.babelrc
│ ├─index.html
│ ├─.babelrc
│ └─package.json

Dockerfile

FROM node:8.11.3-alpine
WORKDIR /myapp
RUN apk update && \
    npm install && \
    npm install -g npm && \
    npm install -g vue-cli

docker-compose.yml

version: '3'

services: 
 zatubako:
  container_name: zatubako
  build: ./docker
  ports:
   - 8080:8080
  privileged: true
  volumes:
   - ./server:/myapp
  tty: true
  stdin_open: true
  command: /bin/sh

Comments

[yamap55]

RemoteCotainerで可能です。環境構築の内容を記載してください。

[Tikka123456]

返信ありがとうございます。追記しましたしたのでご確認お願いします。

Answer 1

RemoteCotainerを使用して開発を行う場合、専用の設定が必要です。
詳細は下記の公式ドキュメントを見て頂きたいですが、少なくても .devcontainer/devcontainer.jsonは必要になります。

一見面倒に見えますがやってみると簡単で、その後がかなり楽なのでオススメです。（実際に業務に使っています）

参考

• remote containersの公式ドキュメント
• nodeのサンプル（公式）

---

コメント受けて追記

実際にサンプルをコンテナで実行した手順を記載します。

• VSCodeにRemote - Containersを導入
• サンプルをcloneして、VSCodeで開く
  • VSCode内からも取得できるようですが、今回は明示的にcloneしました

git clone https://github.com/microsoft/vscode-remote-try-node.git
cd vscode-remote-try-node
code .

• 左下の緑アイコンクリック → Open Folder in Container
• VSCode内のターミナルで確認

node@66c248dfc6c1:/workspaces/vscode-remote-try-node$ node --version
v12.16.3

Comments

[Tikka123456]

返信ありがとうございます。Remote-Containers: Try a Sample...でNodeを選択して実行した際「make sure the docker daemon is running and select an option how to proceed」と出てしまいました。

[yamap55]

dockerは起動しているのでしょうか？（docker ps 等で確認してください）とりあえず、サンプルで起動した手順を回答に追記しておきます。

[Tikka123456]

ご丁寧にありがとうございます。Vscodeでvscode-remote-tryを開いてOpenFolderをクリックするとファイル選択画面がでてきました。何を開いたらいいのか分かりません。

[yamap55]

vscode-remote-tryのフォルダを開けば良いです。（正確に言うと、.devontainerフォルダがあるフォルダを指定）