Cursor开发Flask项目完整教程

夜瑶吖_7276

夜瑶吖_7276

2026-08-10

884人浏览

原创

在cursor中新建flask项目并跑通首页需五步:建文件夹、创建app.py写路由、选python解释器、运行文件、浏览器访问127.0.0.1:5000验证;再用cursor快速建templates/static结构,最后通过ai assistant生成路由与sqlalchemy模型并初始化数据库。

☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜

cursor开发flask项目完整教程

在Cursor中新建Flask项目并跑通第一个页面

想用Cursor高效开发Flask项目,又不想被繁琐的初始化流程卡住——从创建项目目录、配置Python环境到写出可运行的Hello World页面,整个过程必须一步到位,不能出现模块找不到或端口冲突报错。

第一步:打开Cursor → 点击左上角「File」→「New Folder」→ 命名为my_flask_app → 回车确认。

第二步:在新打开的空工作区中,右键左侧资源管理器空白处 →「New File」→ 输入app.py → 按回车,粘贴以下代码:

from flask import Flask<br>app = Flask(__name__)<br><br>@app.route('/')<br>def home():<br>    return 'Hello from Cursor + Flask!'

第三步:按Cmd+Shift+P(Mac)或Ctrl+Shift+P(Windows/Linux)打开命令面板 → 输入「Python: Select Interpreter」→ 回车 → 选择系统已安装的Python 3.8+解释器(若未安装,请先装Python再重试)→ Cursor底部状态栏会显示所选解释器路径。

第四步:在app.py编辑器内右键 →「Run Python File in Terminal」→ 终端自动执行python app.py → 若看到* Running on http://127.0.0.1:5000且无红色报错,说明Flask已成功启动。

第五步:打开浏览器,访问http://127.0.0.1:5000 → 页面显示Hello from Cursor + Flask!即完成首屏验证。这一步失败常见原因是终端未激活正确Python环境,【务必确认终端左上角显示的是你刚选的Python解释器,而不是系统默认的/usr/bin/python】

用Cursor快速生成templates和static结构

Flask要求模板必须放在templates/目录、静态文件必须放在static/目录,否则render_template()会直接报错找不到文件——Cursor能帮你跳过手动建目录的机械操作。

方法一:在资源管理器空白处右键 →「New Folder」→ 依次新建两个文件夹:templatesstatic

Cursor 2.4
Cursor 2.4

Agents 正在你的整个代码库中处理越来越复杂、运行时间更长的任务。本次版本引入了新的 agent 框架改进,以实现更好的上下文管理,并在编辑器和 CLI 中带来了许多提升使用体验的修复。

下载

方法二(推荐):按Cmd+K(Mac)或Ctrl+K(Windows/Linux)呼出快捷命令 → 输入「Create Folder Structure」→ 回车 → 在弹出输入框中粘贴:templates/index.html;static/css/main.css;static/js/app.js → 回车 → Cursor自动批量创建完整三级路径。

现在在templates/index.html里写入基础HTML:<h1>Welcome</h1>;然后修改app.py中的home()函数为:return render_template('index.html');最后重启服务,页面就能正确加载模板了。

用Cursor AI Assistant一键补全Flask路由与数据库模型

当你需要快速添加用户登录页、文章列表页或数据库模型时,不用反复查文档——Cursor内置AI能根据自然语言描述生成符合Flask规范的代码片段。

第一步:在app.py中光标定位到if __name__ == '__main__':上方空白行。

第二步:按Cmd+L(Mac)或Ctrl+L(Windows/Linux)唤出AI指令框 → 输入:“生成一个/users路由,返回JSON格式的用户列表,包含id和username字段,数据用硬编码模拟” → 回车。

第三步:AI生成代码后,光标停在新代码末尾 → 按Enter换行 → 再次按Cmd+L → 输入:“生成User模型,含id(主键)、username(字符串,非空)、email(唯一)三个字段,用SQLAlchemy定义” → 回车。

第四步:AI会在下方插入from flask_sqlalchemy import SQLAlchemy及模型类代码 → 此时需手动在app = Flask(__name__)下方添加两行配置:

app.config['SQLALCHEMY_DATABASE_URI'] = 'sqlite:///app.db'<br>app.config['SQLALCHEMY_TRACK_MODIFICATIONS'] = False

第五步:在AI生成的模型类下方,添加db = SQLAlchemy(app) → 保存文件 → 终端执行python -c "from app import db; db.create_all()" → 自动生成app.db文件。这一步漏掉会导致后续所有数据库操作报no such table错误。

相关文章

PHP速学视频免费教程(入门到精通)
PHP速学视频免费教程(入门到精通)

PHP怎么学习?PHP怎么入门?PHP在哪学?PHP怎么学才快?不用担心,这里为大家提供了PHP速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载

相关标签:

cursor

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

相关专题

更多
flask框架如何搭建
flask框架如何搭建

搭建步骤:1、安装Python和Pip;2、创建虚拟环境;3、安装Flask;4、创建Flask应用;5、运行应用;6、访问应用。想了解更多flask框架的相关内容,可以阅读本专题下面的文章。

2024.06.27

2815

8

Python Flask框架
Python Flask框架

本专题专注于 Python 轻量级 Web 框架 Flask 的学习与实战,内容涵盖路由与视图、模板渲染、表单处理、数据库集成、用户认证以及RESTful API 开发。通过博客系统、任务管理工具与微服务接口等项目实战,帮助学员掌握 Flask 在快速构建小型到中型 Web 应用中的核心技能。

2025.08.25

4184

10

Python Flask Web框架与API开发
Python Flask Web框架与API开发

本专题系统介绍 Python Flask Web框架的基础与进阶应用,包括Flask路由、请求与响应、模板渲染、表单处理、安全性加固、数据库集成(SQLAlchemy)、以及使用Flask构建 RESTful API 服务。通过多个实战项目,帮助学习者掌握使用 Flask 开发高效、可扩展的 Web 应用与 API。

2025.12.15

256

16

marquee参数有哪些
marquee参数有哪些

marquee参数有direction、behavior、speed、scrolldelay、width、height、bgcolor、cursor、id、align、noresize、nohover、loopcount、bgcolorcolor、scrollamount和vspa。

2023.10.18

1240

10

Cursor新手入门教程
Cursor新手入门教程

这是一份为新手量身定制的 Cursor 入门全流程指南。无论你是刚从 VS Code 迁移过来的老手,还是编程小白,这份指南都能帮你快速上手这款“代码自动驾驶仪”。

2026.04.09

93

10

Cursor 核心功能深度解析与实战技巧
Cursor 核心功能深度解析与实战技巧

本专题深度剖析 AI 代码编辑器 Cursor 的核心功能,涵盖 Composer 模式、codebase 索引、实时代码预测(Tab)及 Chat 交互等进阶用法。通过丰富的实战案例,手把手教你如何利用 Cursor 快速构建应用、重构复杂代码及进行自动化 Debug。

2026.04.16

158

10

Cursor 针对不同开发场景的使用教程
Cursor 针对不同开发场景的使用教程

本专题深度拆解 Cursor 在前端 UI 开发、后端重构、数据爬虫及自动化测试等 10+ 核心场景下的具体用法。详解如何针对不同业务场景配置特定的 .cursorrules,让 AI 真正深入你的业务逻辑。

2026.04.16

82

10

NumPy数组创建索引切片与数据选择
NumPy数组创建索引切片与数据选择

本专题整理 NumPy 数组创建、索引、切片与数据选择相关教程,覆盖 np.array、zeros/ones、多维数组形状、基础切片、花式索引、布尔索引、条件筛选、视图与副本等常用场景,帮助读者系统掌握 ndarray 数据构造与高效提取方法。

2026.09.21

0

12

Aionclaw智能助手介绍
Aionclaw智能助手介绍

本专题汇总了AionClaw(AI龙虾助手)的功能介绍与在线使用入口。AionClaw是杭州趣猿人工智能有限公司推出的桌面级AI智能体,能直接在电脑上读写文件、运行脚本、操作浏览器,自动交付Word、PPT、Excel等成品。

2026.09.20

20

13

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
Cursor 使用手册
Cursor 使用手册

共0课时 | 0人学习