在cursor中新建flask项目并跑通首页需五步:建文件夹、创建app.py写路由、选python解释器、运行文件、浏览器访问127.0.0.1:5000验证;再用cursor快速建templates/static结构,最后通过ai assistant生成路由与sqlalchemy模型并初始化数据库。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜

在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」→ 依次新建两个文件夹:templates和static。
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错误。










