「memo」VscodeでFlaskをremote debugする方法

リモート接続の拡張機能の種類

• SSH
• Containers (今回はこれを使う)
• WSL

拡張機能は

• Remote - Containersをインストールしておきます。

リモート接続設定

• 「remote-containers: Add Development Container Configuration Files...」を選択
  image.png

• 「Docker in Docker Compiose debian:9」を選択
  

• ここまで進めると.devcontainerフォルダーと３つのファイルが生成される

  • .devcontainer
    • devcontainer.json
    • docker-compose.yml
    • Dockerfile

docker compose

• devcontainer.jsonを編集
  • "ms-azuretools.vscode-docker"　⇒　"ms-python.python"

{
    "name": "Flask Remote Sample",
    "dockerComposeFile": "docker-compose.yml",
    "service": "web_flask",
    "workspaceFolder": "/projects",
    "extensions": [
      "ms-python.python"
    ]
}

動かして見る

• 「Remote-Containers: Open Folders in Container...」を選択

参考

VS CodeのRemote DevelopmentでFlaskアプリをデバッグしてみた
Flask Tutorial in Visual Studio Code
microsoft/python-sample-vscode-flask-tutorial

docker.for.mac.localhost