【python】使用VSCode搭建flask环境

本文指导如何使用VSCode在Python环境中安装Flask,创建虚拟环境,并通过步骤实现环境配置、依赖安装和应用测试。适合初学者快速入门Web开发。

一、开始

安装Python 及vscode

二、新建文件夹

例如:flask-11.27
在这里插入图片描述

三、创建python虚拟环境

vscode:点击文件-打开文件夹-选择新建的文件夹
在这里插入图片描述
vscode:信任此作者
在这里插入图片描述
vscode:终端-新建终端-执行:python -m venv env,flask-11.27文件夹中产生 env 文件夹
在这里插入图片描述

四、选择解析器

vscode:查看-命令面板-输入选择:Python: Select Interpreter 并回车在这里插入图片描述
vscode:选择其中带有“env”的Python解析器
在这里插入图片描述
vscode:新建终端窗口,此时终端目录前带有“env”
在这里插入图片描述

五、安装flask

vscode:执行:pip install flask
在这里插入图片描述
vscode:提示需要更新“pip”,直接复制提示中的语句即可
在这里插入图片描述

六、测试

在新建立的文件“flask-11.27”中 建立 app.py 文件

文件中输入内容:

from flask import Flask

app = Flask(__name__)

@app.route("/")

def home():

    return "Hello!"

在这里插入图片描述

七、运行测试

vscode:直接在终端中执行:python -m flask run
在这里插入图片描述
vscode:command+单击http://127.0.0.1:5000/连接或打开浏览器输入地址:http://127.0.0.1:5000/
在这里插入图片描述
网页中显示Hello!表示成功。

### 在 VSCode 中设置 Python Flask 开发环境 #### 安装 Python 扩展 为了在 Visual Studio Code (VSCode) 中配置 Python Flask 开发环境,需先安装 Python 扩展。打开 VSCode 后,在左侧活动栏找到扩展图标,点击进入扩展市场。在顶部搜索框内输入 `Python` 并查找官方提供的 Python 插件完成安装[^1]。 ```json { "python.pythonPath": "${workspaceFolder}/venv/bin/python" } ``` 此 JSON 片段展示了如何指定工作区中的虚拟环境Python 解释器路径作为默认解释器。 #### 创建项目目录结构 接着,在操作系统自带的文件管理工具里建立一个新的文件夹用于存放整个项目的源代码及相关资源。之后通过菜单栏或快捷键 Ctrl+K Ctrl+O 来让 VSCode 加载刚刚创建好的文件夹作为当前的工作空间。 #### 新建 Python 文件 当上述准备工作完成后,可以在 VSCode 的侧边栏中右击已加载的文件夹名称,选择“新建文件”,随后给定新文件命名为带有 `.py` 结尾的名字以便编辑器能够自动应用相应的语法高亮等功能支持。 #### 测试基础 Python 运行状况 向新建的 Python 脚本文件写入简单的打印语句如 `print('Hello, world!')` ,保存更改并通过命令面板(Ctrl+Shift+P)调用 “Python: Select Interpreter” 命令来确认所使用Python 版本正确无误后再执行脚本验证基本功能正常运作。 #### 编写 Flask 应用程序入口代码 一旦确认了 Python 环境搭建完毕且可以正常使用,则可替换原有测试代码为如下所示的标准 Flask Web 框架启动模板: ```python from flask import Flask app = Flask(__name__) @app.route('/') def index(): return 'Hello World' if __name__ == '__main__': app.debug = False # 生产环境下应关闭调试模式 app.run() ``` 这段 Python 代码定义了一个最简形式的 Flask web server 实例,并监听根 URL 请求返回字符串消息 ‘Hello World’ 给客户端浏览器显示。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值