4
1

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 3 years have passed since last update.

VSCodeのリモートコンテナへの接続とエディタで開く

Last updated at Posted at 2021-06-02

VSCode + dockerコンテナ
VSCode + リモートコンテナ(+docker)

ローカルでのプログラミング環境はどんどんかわっていく中で
VSCodeの拡張機能であるRemote Containers を使った時の作業例です

VSCode から ローカルのコンテナに接続する(dockerにてコンテナは起動されている前提です)

VSCodeとcontainer.png

ターミナルでコンテナ内(リモートコンテナでなく、通常のdockerコンテナへ)にシェル接続できます

  • MySQLのコンテナ
  • Python用のコンテナ
    などのコンテナに接続でき、起動中のコンテナにシェルで入るのがものすごく手軽になります。

これまでだと、docker ps 使い、コンテナIDなどを調べて、docker exec を使っていたが、
見て押すだけで接続できる。
teratermやRLoginで接続先を選んでいるかのような手軽さ

  • 参考

コンテナのシェルに入る

VSCodeからリモートコンテナに接続する

ターミナル

  • 接続方法 dockerアイコンを押して、-> Attach Shell で コンテナにシェルで入れる(ターミナル接続)
    VSCodeとremote-container.png

  • コマンド実行例
    VSCodeとremote-container_ターミナル.png

エディタ表示

  • 接続方法 dockerアイコンを押して、-> Attach Visual Studio Code でエディタ表示(ターミナルのコンソールを使い code . でエディタ起動もできます
    VSCodeとremote-container_エディタ起動.png

  • 表示されるエディタはリモートでもローカルでも変わらない
    VSCodeとremote-container_エディタ表示.png

4
1
0

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
4
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?