如何在 VS Code 中调试 Flask 应用程序

Question

我一直在尝试让调试器在 VS Code 中工作，以便我可以调试我的 Flask 应用程序。 我在launch.json中尝试了很多选项，我觉得没有剩下的了。

以下示例不起作用： https : //github.com/DonJayamanne/pythonVSCode/wiki/Debugging : -Flask

在 Visual Studio 代码中调试 Flask(Python) Web 应用程序

下面是我的launch.json和setting.json 。 我在尝试多个变体时在启动文件中有两个配置。

启动文件

"version": "0.2.0",
    "configurations": [
    {
        "name": "Flask",
        "type": "python",
        "request": "launch",
        "stopOnEntry": false,
        "pythonPath": "${config:python.pythonPath}",
        //"module": "flask.cli",
        "program": "${workspaceRoot}/startup.py",
        "cwd": "${workspaceRoot}",
        "env": {
          "FLASK_APP": "${workspaceRoot}/apt-flask.py",
        },
        "args": [
          "run",
          "--no-debugger",
          "--no-reload"
        ],
        "envFile": "${workspaceRoot}/.env",
        "debugOptions": [
          "WaitOnAbnormalExit",
          "WaitOnNormalExit",
          "RedirectOutput"
        ]
    },
    {
        "name": "Python: APT FLask",
        "type": "python",
        "request": "launch",
        "stopOnEntry": true,
        "pythonPath": "${workspaceFolder}/venv/Scripts/python.exe",
        //"program": "${workspaceFolder}/venv/Scripts/flask.exe",
        "module": "flask.cli",
        "cwd": "${workspaceFolder}",
        "env": {
            "FLASK_APP": "${workspaceFolder}/apt-flask.py",
            "DEBUG": 1,
            "LC_ALL": "en_US.utf-8",
            "LANG": "en_US.utf-8"
        },
        "args": [
            "run",
            "--no-debugger",
            "--no-reload"
        ],
        "envFile": "${workspaceFolder}/.env",
        "debugOptions": [
            "WaitOnAbnormalExit",
            "WaitOnNormalExit",
            "RedirectOutput"
        ]
    }
]

设置.json

{
    "python.pythonPath": "${workspaceRoot}/venv/Scripts/python.exe"
}

就错误而言，控制台中没有错误，只有编辑器中的错误告诉我“调试适配器进程意外终止”。

我不知道还有什么可以尝试的。 我目前使用 Pycharm，但正在寻找一个更轻量级的编辑器，因为我将 VS Code 用于其他事情，所以改变是有意义的，所以最终让它工作会很好。

任何帮助都会很棒。

Answer 1

截至 2019 年 11 月，我发现以下内容很有用：

新方法（基本和 flakey）-下面的“旧方法”更好

• https://code.visualstudio.com/docs/python/tutorial-flask

假设一个简单的 app.py 如：

import flask
app = flask.Flask(__name__)
@app.route('/')
def index():
    return "Hello world!"

通过从调试资源管理器下拉菜单中添加 Python Flask 调试配置，将 .vscode/launch.json 添加到您的项目中。

{
    // Use IntelliSense to learn about possible attributes.
    // Hover to view descriptions of existing attributes.
    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
    "version": "0.2.0",
    "configurations": [
        {
            "name": "Python: Flask",
            "type": "python",
            "request": "launch",
            "module": "flask",
            "env": {
                "FLASK_APP": "app.py",
                "FLASK_ENV": "development",
                "FLASK_DEBUG": "1"
            },
            "args": [
                "run",
                "--no-debugger",
                "--no-reload"
            ],
            "jinja": true
        }
    ]
}

Flask 应用程序有效地从 VS Code 调试器 [F5] 中以“新方式”运行。

python -m flask run

旧方式（更好）

Miguel 建议在 VS Code 调试器中以旧方式运行应用程序并带有附加标志更好。

• https://youtu.be/UXqiVe6h3lA?t=1194
• 根据https://blog.miguelgrinberg.com/post/setting-up-a-flask-application-in-visual-studio-code 。

将以下内容添加到 app.py（从上面）：

if __name__ == '__main__':
    app.run(use_debugger=False, use_reloader=False, passthrough_errors=True)

修改 .vscode/launch.json 如下：

{
    // Use IntelliSense to learn about possible attributes.
    // Hover to view descriptions of existing attributes.
    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
    "version": "0.2.0",
    "configurations": [
        {
            "name": "Python: Flask",
            "type": "python",
            "request": "launch",
            "module": "app",
            "env": {
                "FLASK_APP": "app.py",
                "FLASK_ENV": "development",
                "FLASK_DEBUG": "1"
            },
            "args": [
                // "run",
                // "--no-debugger",
                // "--no-reload"
            ],
            "jinja": true
        }
    ]
}

因此 Flask 应用程序有效地从 VS Code 调试器 [F5] 运行“旧方式”。

python app.py