vscode运行Flask项目

lyjin 2023-11-07

[TOC]

# 1.激活虚拟环境

> 假设有一个flask项目，使用venv虚拟环境。

ctrl+shift+p，调出命令，选择如下`Python: Select interpreter`

![](https://mmao.vip/_uploads/editor/dr8ope65wemx/2023/11/07/b376b7ea7d4811eeaa3a13d1c0b53dfa.png)

选择之后，弹出选择环境的对话框
![](https://mmao.vip/_uploads/editor/dr8ope65wemx/2023/11/07/d00327907d4811eeaa3a13d1c0b53dfa.png)
选择对应的虚拟环境即可。

在打开一个py文件后，vscode的状态栏会显示当前项目的虚拟环境信息
![](https://mmao.vip/_uploads/editor/dr8ope65wemx/2023/11/07/f21dde1a7d4811eeaa3a13d1c0b53dfa.png)

# 2.Terminal使用CMD

> 为什么使用cmd而不使用powershell？因为python的venv环境在powershell中激活会出先以下问题，而使用cmd就不会。

![](https://mmao.vip/_uploads/editor/dr8ope65wemx/2023/11/07/20fbff287d4911eeaa3a13d1c0b53dfa.png)

打开terminal
![](https://mmao.vip/_uploads/editor/dr8ope65wemx/2023/11/07/3773a8be7d4911eeaa3a13d1c0b53dfa.png)

选择默认配置文件
![](https://mmao.vip/_uploads/editor/dr8ope65wemx/2023/11/07/4ca975067d4911eeaa3a13d1c0b53dfa.png)

选择cmd
![](https://mmao.vip/_uploads/editor/dr8ope65wemx/2023/11/07/5ea16d867d4911eeaa3a13d1c0b53dfa.png)

这样，以后打开的terminal都是cmd。

# 3.JetBrains Mono字体

[下载字体](https://www.jetbrains.com/lp/mono/)

将下载的压缩包解压后，进入ttf路径，ctrl+a全选所有文件，右击安装字体。

然后在vscode中设置字体
![](https://mmao.vip/_uploads/editor/dr8ope65wemx/2023/11/07/db00086a7d4911eeaa3a13d1c0b53dfa.png)

`lineheight`设置为1.6
![](https://mmao.vip/_uploads/editor/dr8ope65wemx/2023/11/07/f068cea87d4911eeaa3a13d1c0b53dfa.png)

# 4.运行调试

第一步
![](https://mmao.vip/_uploads/editor/dr8ope65wemx/2023/11/07/489c316e7d4a11eeaa3a13d1c0b53dfa.png)

第二步
![](https://mmao.vip/_uploads/editor/dr8ope65wemx/2023/11/07/630f64b27d4a11eeaa3a13d1c0b53dfa.png)

第三步
![](https://mmao.vip/_uploads/editor/dr8ope65wemx/2023/11/07/7c72c8687d4a11eeaa3a13d1c0b53dfa.png)

然后，回车，创建了launch.json文件，修改文件内容如下
```
{
    // 使用 IntelliSense 了解相关属性。 
    // 悬停以查看现有属性的描述。
    // 欲了解更多信息，请访问: https://go.microsoft.com/fwlink/?linkid=830387
    "version": "0.2.0",
    "configurations": [
        {
            "name": "Flask Server",
            "type": "python",
            "request": "launch",
            "module": "flask",
            "env": {
                "FLASK_APP": "项目名称", // export FLASK_APP=项目名称
                "FLASK_DEBUG": "1",
                "FLASK_ENV": "development",
                "FLASK_RUN_PORT": "运行的端口号",
                "FLASK_RUN_HOST": "运行的IP地址"
            },
            "args": [
                "run",
                "--no-debugger",
                "--no-reload"
            ],
            "jinja": true,
            "justMyCode": true
        }
    ]
}
```

运行
![](https://mmao.vip/_uploads/editor/dr8ope65wemx/2023/11/07/e6f32ad47d4a11eeaa3a13d1c0b53dfa.png)

暂无评论

请登录后评论