「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