lisz-works

プログラミングと興味を貴方に

VSCodeからDockerコンテナで開発をするための手順

【スポンサーリンク】

Docker

こんにちわlisです!

Dockerコンテナでの開発を、コンソールで行うのは面倒……

そんなあなたにVSCode!

今回はVSCodeからDockerコンテナで開発をするための手順です!

Dockerをroot権限でなくても使えるようにする

VSCodeのDockerプラグインでアクセスしようとしたらこのエラーが出ました。

Failed to connect. Is Docker running?
Error: connect EACCES /var/run/docker.sock
Additional Troubleshooting...

どうやらroot権限がないユーザでDockerにアクセスしようとしたことが問題だったようです。

これはDocker公式に書かれた手順を行えば解決します。

root権限なしでDockerを使えるようにする手順

まずはdockerというグループを作成して、ユーザをグループに追加します。

$ sudo groupadd docker
$ sudo usermod -aG docker $USER

一旦コンソールを立ち上げなおして、グループに対して変更をアクティブ化します。

$ newgrp docker

あとはユーザでsudoなしdockerを試して、動けばOKです。

$ docker run hello-world

VSCodeでDockeerコンテナにアクセス

Remote-Containersという拡張をインストール。

marketplace.visualstudio.com

サイドパネルのリモートを開く。

サイドパネルのリモート

既にRemote-SSHなど他のリモートを入れている場合は、リストボックスから「Containers」を選択して切り替える。

リストボックスから「Containers」を選択

見出し部分が「CONTAINERS」になっていればOK。

起動中のコンテナ一覧が表示されます。

開きたいコンテナを選択して、新しいウィンドウで開くボタンを押せば、コンテナをVSCodeで開くことができます!

新しいウィンドウでDockerコンテナ内にアクセスを開始するので、完了まで待ちます。

リモートが開くのを待つ

左下の表示が

Container <image-name>(<container-name>)

になれば完了です!

参照

こちらを参考にしました。ありがとうございました!

docs.docker.com

qiita.com

あとがき

VSCodeからDockerコンテナで開発をするための手順でした!

なんかもうVSCodeの万能さがエグいですね。

これでDockerで開発環境を、そしてVSCodeでコーディングという楽チンかつ環境を汚さない素晴らし世界が手に入りました。

www.lisz-works.com