vscode配置python-flask

第一步:对vscode配置python扩展
打开vscode,打开左端扩展,在上端搜索框输入python,并安装
具体如图
第二步:在文件管理器中新建一个文件夹(vscode不能创建文件夹),然后用vscode打开这个文件夹
第三步:在文件夹下新建一个py文件:
鼠标移动到文件夹下,点击第一个按钮新建文件,并在框中输入文件名,后缀须是.py,vscode方能将其识别为python文件
在这里插入图片描述
第四步:输入print('Hello,world!')并尝试运行,查看能否成功运行。若可以,请跳转第五步;若不能,请查看vscode配置python环境
第五步:在该文件下将 print('Hello,world!')替换成以下代码

from flask import Flask
app = Flask(__name__)
@app.route('/')
def index():
    return 'Hello World'
if __name__ == '__main__':
    app.debug = False # 设置调试模式,生产模式的时候要关掉debug
    app.run()

第五步:快捷键ctrl+shift+p,在弹出的输入框中输入tasks,选择第一个:
在这里插入图片描述
再点击第一个:
在这里插入图片描述

点击最后的Others
在这里插入图片描述
第六步:点击上方标题栏的“terminal”打开终端,输入以下代码创建虚拟环境:

py -m venv venv

输入以下代码跳转到venv/Scripts文件夹

cd venv/Scripts

输入start cmd跳转到命令行:
在命令行中输入:

activate.bat

以进入虚拟环境,在这之后,在虚拟环境中安装flask包:

pip install flask
pip install watchdog

第七步,尝试运行文件中的上述代码,在终端中出现
在这里插入图片描述
按住ctrl点击下面的链接,可以看到
在这里插入图片描述
恭喜,配置完成!

本文配置系web开发小白在网上搜寻资料经几番辗转尝试总结出的一套方法,虽然在组员的电脑上可以成功运行,但亦有错漏之处,如有发现,敬请指正。

### 安装和配置Flask框架于VSCode #### 创建项目目录并初始化工作空间 为了开始一个新的Flask项目,在本地计算机上创建一个新的文件夹作为项目的根目录。通过VSCode打开这个新创建的文件夹,这将成为工作的基础环境[^3]。 ```bash mkdir my_flask_app cd my_flask_app code . ``` #### 设置虚拟环境 建议在一个隔离的环境中管理Python包依赖关系,因此应该先设置一个虚拟环境。在VSCode内部开启的新终端里运行命令来建立名为`env`的虚拟环境: ```bash python -m venv env ``` 一旦完成上述操作,会注意到项目文件夹内新增了一个叫做`env`的子文件夹,它包含了独立的Python解释器副本以及后续安装的所有库[^4]。 #### 激活虚拟环境与安装Flask 激活该虚拟环境后可以继续安装必要的软件包而不影响全局Python环境。对于Windows操作系统而言,可以通过如下指令激活;而对于macOS/Linux则应去掉`.bat`扩展名部分直接调用脚本名称即可: - Windows: ```batchfile .\env\Scripts\activate.bat ``` - macOS/Linux: ```bash source ./env/bin/activate ``` 随后便可以在活动状态下利用pip工具安装Flask模块: ```bash pip install flask ``` 验证安装是否成功的简单方法是在交互式的Python shell中尝试导入Flask而没有任何错误提示即表示一切正常[^1]。 #### 编辑器环境配置 确保选择了正确的Python解析器版本——通常是之前创建的那个位于`./env`路径下的那个选项。这样做的好处是可以让IntelliSense等功能识别到刚刚加入的工作区内的第三方库资源。 #### 运行应用前准备 编写简单的应用程序入口文件比如命名为`app.py`,其中定义最基本的路由逻辑,并按照个人需求调整默认监听地址及端口号等参数设定。当一切都准备好以后就可以按下F5键或是右击代码区域选择“Start Debugging”,此时IDE将会自动加载先前自定义好的launch.json中的调试配置项从而启动服务进程[^2]。
评论 12
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

today__present

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值