Flask框架(一)——vs code中创建Flask项目

本文介绍了如何使用VSCode在Windows11系统上搭建Flask项目的步骤,包括创建项目文件夹、建立虚拟环境、安装Flask、创建app.py文件、设置templates和static文件夹,以及启动并运行Flask应用。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

目录

前言

一、准备工作

1、工具准备

2、操作系统

二、Flask项目搭建

1.新建项目文件夹

2.搭建虚拟环境

(1)在终端创建虚拟环境

(2)激活虚拟环境

3.安装Flask

(1)先退回到项目文件夹下

(2)输入命令安装Flask

4、新建Flask需要的文件

(1)app.py文件

(2)创建templates文件夹

(3)创建static文件夹 

5、运行项目

(1)输入命令,默认端口号是5000

(2) 运行结果

总结


前言

        使用vs code搭建Flask项目的环境,以及项目的创建。


一、准备工作

1、工具准备

  • vs code软件
  • python软件

2、操作系统

  • win 11

二、Flask项目搭建

1.新建项目文件夹

新建Demo1文件,然后用vs code 打开

2.搭建虚拟环境

(1)在终端创建虚拟环境

使用快捷键ctrl+shift+~,调出vscode的终端,然后输入命令

python -m venv venv

(2)激活虚拟环境

首先进入到'venv/Scripts' 路径下

cd 'venv/Scripts'

然后输入以下命令:

./activate

 这样就激活了虚拟环境。

3.安装Flask

(1)先退回到项目文件夹下

cd..

cd..

(2)输入命令安装Flask

pip  install flask

 然后等待它安装成功就可以了。

4、新建Flask需要的文件

(1)app.py文件

在项目根目录下新建app.py文件,然后写入如下代码

from flask import Flask

app=Flask(__name__)

@app.route("/")

def home():

    return "我的第一个Flask项目!"

if __name__=='__main__':

    app.run()

(2)创建templates文件夹

在项目根目录下创建,用来存放模板文件(.html)

(3)创建static文件夹 

在根目录下创建,用来存放静态文件。

5、运行项目

(1)输入命令,默认端口号是5000

python -m flask run

 

(2) 运行结果


总结

       以上就是今天所学习的内容,本文仅仅简单介绍了Flask项目中vscode中是如何搭建的,以及虚拟环境的搭建,使用命令运行项目。

Flask个轻量级的Python web开发框架,它非常适合快速搭建Web应用,而Visual Studio Code (VSCode)款流行的代码编辑器,支持多种语言包括Python。要在VSCode中使用Flask,你可以按照以下步骤操作: 1. **安装Flask**: 在命令行或终端里,使用`pip install Flask` 安装Flask库。 2. **创建项目**: 创建个新的文件夹作为项目的根目录,并进入该目录。然后新建个名为app.py的文件,这是Flask应用的主要入口点。 3. **启动Flask应用**: 在app.py中,写入基本的Flask应用程序设置,如导入并初始化Flask,定义路由等。例如: ```python from flask import Flask app = Flask(__name__) @app.route('/') def hello_world(): return 'Hello, World!' ``` 4. **配置VSCode**: - 安装Python插件:在VSCode的扩展商店中搜索“Python”或“Pylance”,安装适用于Python的插件。 - 配置工作区路径:打开VSCode,点击左下角的"Explorer",添加你的项目文件夹到工作区。 - 使用Python环境:确保VSCode识别了正确的Python环境(如果你有多个环境),可以配置settings.json来指定。 5. **编写、运行和调试代码**: - 编辑代码:在VSCode中打开app.py文件,开始编写Flask应用代码。 - 运行服务器:在VSCode中选择"Run Python File in Terminal"或使用快捷键(F5)Flask应用会在本地运行起来。 - 调试代码:使用VSCode的内置调试工具设置断点并逐步执行程序,方便查找和修复错误。
评论 8
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

m0_7Ella

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

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

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

打赏作者

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

抵扣说明:

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

余额充值