使用 VS Code 在 Windows 系统上安装 Flask

Flask是一个功能强大的 Python Web 框架，它允许开发者构建可扩展且灵活的 Web 应用程序。虽然在 Linux 或 macOS 上安装 Flask 相对简单，但在 Windows 上安装过程可能会稍微复杂一些。在本指南中，我们将引导您使用 VS Code 在 Windows 10 上完成 Flask 的安装步骤。

步骤 1：安装 Python

安装 Flask 之前，我们需要在 Windows 系统上安装 Python。请访问 Python 官方网站，下载最新版本的 Windows 版 Python。

下载完成后，运行安装程序并按照说明将 Python 安装到您的系统上。安装过程中，请务必选择将 Python 添加到系统路径的选项。

步骤 2：安装 VS Code

接下来，我们需要在系统上安装 Visual Studio Code（VS Code）。请访问 VS Code 官方网站，下载最新版本的 Windows 版 VS Code。

下载完成后，运行安装程序并按照说明将 VS Code 安装到您的系统上。

步骤 3：创建虚拟环境

安装完 Python 和 VS Code 之后，我们需要为 Flask 项目创建一个虚拟环境。虚拟环境是一个独立的运行环境，它允许我们安装 Python 包，而不会影响系统上的全局 Python 安装。

要创建虚拟环境，请在 VS Code 中打开一个新的终端窗口，并导航到项目的根目录。然后，运行以下命令来创建一个新的虚拟环境：

python -m venv venv

此命令将在项目根目录中创建一个名为“venv”的新虚拟环境。

步骤 4：激活虚拟环境

创建虚拟环境后，我们需要激活它。要激活虚拟环境，请在终端中运行以下命令：

venv\Scripts\activate

此命令将激活虚拟环境，您将在终端提示符中看到虚拟环境的名称。

步骤 5：安装 Flask

虚拟环境激活后，我们现在可以使用 Python 的包管理器 pip 安装 Flask。要安装 Flask，请在终端中运行以下命令：

pip install flask

此命令将在您的虚拟环境中下载并安装 Flask 及其所有依赖项。

来吧，朋友们……别睡哦😉😉😉
还有更多精彩内容……！

步骤 6：创建 Flask 应用程序

现在我们已经安装了 Flask，可以创建一个新的 Flask 应用了。在项目根目录下创建一个名为 app.py 的 Python 文件，并添加以下代码：

from flask import Flask

app = Flask(__name__)

@app.route('/')
def index():
    return 'Hello, World!'

这段代码将创建一个新的 Flask 应用程序，该应用程序只有一个路由，当访问根 URL 时，该路由将返回字符串“Hello, World!”。

步骤 7：运行 Flask 应用程序

Flask 应用创建完成后，我们现在可以使用以下命令运行它：

flask run

此命令将启动 Flask 开发服务器，您可以通过在 Web 浏览器中访问http://localhost:5000/来访问您的应用程序。

步骤 8：使用 VS Code 进行调试

调试是任何软件开发过程中必不可少的一部分，而 VS Code 让调试 Flask 应用程序变得轻而易举。

• 在 VS Code 中打开你的 Flask 项目。

• 请确保已在 VS Code 中安装 Python 扩展。如果没有，您可以从 VS Code 应用商店安装。

• 在 VS Code 编辑器中，单击左侧面板上的“运行和调试”图标，或按键盘上的 Ctrl + Shift + D。

• 这将打开 VS Code 中的“运行和调试”面板。点击“创建 launch.json 文件”链接，为你的 Flask 应用创建一个新的启动配置。

• 在“选择环境”下拉菜单中，选择“Python”。这将在项目的 .vscode 文件夹中创建一个新的 launch.json 文件。

• 按如下方式修改 launch.json 文件中的配置设置：
  

{
    "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_APP”:“app.py”设置应该与项目中 Flask 主应用程序文件的名称匹配。“FLASK_ENV”:“development”和“FLASK_DEBUG”:“1”设置分别启用 Flask 的开发模式和调试器。

• 在 Flask 应用程序代码中，于你想开始调试的位置设置断点。

• 单击“运行和调试”面板中的“开始调试”按钮，或按键盘上的 F5 键。

• 这将启动 Flask 服务器并附加调试器。当命中断点时，程序执行将暂停，您可以使用 VS Code 编辑器中的调试控件来检查变量并单步执行代码。

• 您还可以使用 VS Code 中的“调试控制台”面板，以交互方式运行 Python 命令并在调试期间检查变量。

使用 VS Code 调试 Flask 应用可以节省大量查找和修复代码问题的时间和精力。希望本指南能帮助您设置并使用 VS Code 的调试功能来调试 Flask 应用。

下次再见😜