Skip to content

Latest commit

 

History

History
109 lines (84 loc) · 2.73 KB

vscode-remote-containers.md

File metadata and controls

109 lines (84 loc) · 2.73 KB
<style type="text/css"> .reveal h1, .reveal h2, .reveal h3, .reveal h4, .reveal h5, .reveal h6 { text-transform: none; } </style>

DockerとVSCodeだけで開発環境を作る

「VSCode Remote Containers」を触ってみた


開発環境って面倒

--

  • バージョン
  • 仮想環境
  • ライブラリ
  • エディタ

--

例えば

  • Python2?3?
  • virtualenv
  • pyenv
  • pipenv

--

やりたい事はそこじゃない


VSCode Remote Containers

--

  • Dockerで開発環境作成
  • その環境で開発
  • その環境でデバック
  • ローカルは綺麗なまま
  • VSCodeの拡張もコンテナに押し付ける

サンプル

git clone https://github.com/Microsoft/vscode-remote-try-node
git clone https://github.com/Microsoft/vscode-remote-try-python
git clone https://github.com/Microsoft/vscode-remote-try-go
git clone https://github.com/Microsoft/vscode-remote-try-java
git clone https://github.com/Microsoft/vscode-remote-try-dotnetcore
git clone https://github.com/Microsoft/vscode-remote-try-php
git clone https://github.com/Microsoft/vscode-remote-try-rust
git clone https://github.com/Microsoft/vscode-remote-try-cpp

デモ

1. サンプルをClone 2. VSCodeを開く - goの拡張機能は入っていないので、関数コメントとかでない 3. 拡張機能インストール - Remote - Containers 4. 左下のアイコンからCloneしたフォルダ開く - `C:\github\vscode-remote\vscode-remote-try-go` 5. 挙動確認 - goの関数コメントが出る - コンテナ内のVSCodeで拡張機能を入れている - F2で変数名変えてもいい感じに変わる - server.goでF5してlocalhost:9000で起動する 6. dockerのプロセス確認 - `docker ps` 7. 設定ファイル確認 - `.devcontainer/devcontainer.json` & `Dockerfile` - goで少し見せた後、Pythonを見せる - go閉じたらコンテナ落ちてる事を確認(`docker ps`) - pythonでextensions, settings, postCreateCommandを見せる

思ったこととか

--

  • Docker、コンテナの知識が必要
  • プロジェクトがVSCodeに限定される
    • PyCharm使いはそれはそれで設定可能っぽい
  • ローカルにインストールとか古いという意識を持たなければ

参考


ご静聴ありがとうございました