1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

【環境構築】Docker container内部にVS Codeで入って作業する方法

Last updated at Posted at 2022-09-04

背景

  • docker container内部に入ってコマンド操作をしたい時がある。
  • docker-compose exec [service name] /bin/shを使用して入るという方法は煩雑。
  • docker container上でvs codeを起動しているような状態で作業したい。

目標

  • docker container上でvs codeを起動しているような状態を実現する。

どうやって実現するのか?

  • vs codeの拡張機能「VS Code Remote Containers」を使用する。

VS Code Remote Containersとは?

  • ローカル側のvscodeをコンテナに接続できる拡張機能
  • 画像の通り、コンテナ上でvscodeを起動しているような形で使用できる。

vscode_remote.png
(画像引用:https://code.visualstudio.com/docs/remote/containers)

前提環境

  • macOS 11.4 (20F71)
  • arm64(M1)
  • Docker Desktop
  • Visual Studio Code
  • VS Code拡張機能 VS Code Remote Containers

「VS Code Remote Containers」の有効化

  • vs codeの拡張機能の「Remote - Containers」をインストールして有効化します。
    vscode_remote_02.png

入りたいdocker containerを立ち上げておく

「Remote Containers」を使用してコンテナ内部に入る

vscode_remote_03.png
vscode_remote_04.png
vscode_remote_05.png

小ネタ:コンテナのルートディレクトリでフォルダを開く方法

  • 接続は上記の操作で完了なので、あとは焼くなり煮るなり好きに使うと良い。
  • ただ、個人的に、コンテナ内部のルートディレクトリでフォルダを開いた状態にしたいことが多いのでそのやり方だけ紹介する。
    vscode_remote_06.png
    vscode_remote_07.png

参考資料

個人ブログ

1
0
1

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?