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

目录

前言

一、准备工作

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中是如何搭建的,以及虚拟环境的搭建,使用命令运行项目。

  • 13
    点赞
  • 55
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 2
    评论
对于在VSCode安装Flask的问题,可以按照以下步骤进行操作: 1. 打开VSCode,点击"文件",然后选择"打开文件夹",选择你要创建Flask项目的文件夹。\[1\] 2. 在VSCode,点击"查看",然后选择"命令面板",在搜索框输入"Python: Select Interpreter"并回车。选择带有"env"的Python解析器。\[2\] 3. 在VSCode,点击"终端",然后选择"新建终端"。在终端执行以下命令:`python -m venv env`。这将在你的Flask项目文件夹创建一个名为"env"的虚拟环境文件夹。\[1\] 4. 在终端,执行以下命令来激活虚拟环境:`source env/bin/activate`(对于Windows系统,使用`.\env\Scripts\activate`)。\[1\] 5. 在终端,执行以下命令来安装Flask:`pip install flask`。\[3\] 6. 安装完成后,执行以下命令来运行Flask应用程序:`python -m flask run`。\[3\] 7. 在浏览器输入地址`http://127.0.0.1:5000/`,如果网页显示"Hello!",则表示安装成功。\[3\] 希望以上步骤能够帮助你在VSCode成功安装Flask。如果有任何问题,请随时提问。 #### 引用[.reference_title] - *1* *2* *3* [【python】使用VSCode搭建flask环境](https://blog.csdn.net/weixin_50153343/article/details/128065264)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

m0_7Ella

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

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

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

打赏作者

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

抵扣说明:

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

余额充值