菜鸟前端 cursor 全栈开发 app 的踩坑分享(一、确定技术栈&安装Cursor)
最重要的是,Firebase 和 Flutter 有官方适配的插件,调用接口简单易懂,Cursor 的 AI 还能辅助生成集成代码,新手能快速实现前后端联动,专注于 App 的功能和体验开发,先完成最小可用产品,再考虑后续是否扩展传统后端。考虑到安卓应用上架和权限审核特别麻烦,是想开发ios的,结果忽略了一个致命问题:我没有Mac,嘿嘿,不过还是放弃了安卓原生开发,使用Flutter ,一套代码双
一、技术栈
一年多没有写代码了,最近想自己搓一个app,顺便检验自己是否还具有学习探索能力。在确定技术栈之前,我纠结了很久,毕竟全栈开发涉及前端、后端、部署等多个环节,作为新手,核心诉求是学习成本低、上手快、无需复杂运维、能快速实现功能闭环,最终敲定 「Cursor + Flutter + Firebase」 这个组合,理由如下:
1. Cursor 编辑器:CodeRAG(检索增强生成)方案相当于把项目包喂给AI, 先检索项目上下文,再生成代码
作为一名前端菜鸟,我对跨平台框架语法、后端配置都不熟悉,所以我想用学习成本最低的方式,先尝试跑通。
以前使用chatgpt辅助开发时,最苦恼的是只能喂给ai单页面代码,但是软件开发如同大树,项目代码有层级、有依赖,公共组件需封装、接口需严格遵循契约,这是AI难以自主把控的。
AI的致命短板是上下文有限,只能看到单页“树叶”,无法理清整棵项目“大树”的关联,上下文过载时必然崩溃,生成的代码也易因依赖缺失、接口不符报错。
Cursor可以先扫描整项目代码建立索引,在生成代码时,精准检索公共组件、接口定义等关联代码,仅将关键信息送入AI上下文。既规避了窗口超限问题,又让AI能贴合项目架构写代码,大幅降低报错率。
2. Flutter 框架:一次编写,多端运行
考虑到安卓应用上架和权限审核特别麻烦,是想开发ios的,结果忽略了一个致命问题:我没有Mac,嘿嘿,不过还是放弃了安卓原生开发,使用Flutter ,一套代码双端复用,且Cursor 对 Flutter 代码生成 / 重构支持好。
3. Firebase:谷歌官方无 / 低代码后端,省去后端开发和运维烦恼
对于后端技术,我只对Node.js和py有过简单的入门学习,如果选择传统后端技术栈,光是搭建环境、编写 API 接口、部署服务器就足够令我头秃。
Firebase 是谷歌官方提供的一站式后端云服务,无需自己编写复杂后端代码,也不用购买和配置服务器,通过网页端控制台就能完成配置,提供了 App 开发所需的核心后端功能:用户认证(邮箱、手机号、Google 登录等)、云数据库(存储用户数据、业务数据)、文件存储(上传头像、图片等)、推送通知、云函数等。最重要的是,Firebase 和 Flutter 有官方适配的插件,调用接口简单易懂,Cursor 的 AI 还能辅助生成集成代码,新手能快速实现前后端联动,专注于 App 的功能和体验开发,先完成最小可用产品,再考虑后续是否扩展传统后端。
二、下载Cursor、安装、初始化与插件准备
- Cursor 官方网站(需要梯子):https://www.cursor.com/
- 无脑下载安装,建议放在纯英文目录下
- 登录
- 可直接导入vs code插件,初始化时选择简体中文对话

- 除了vscode导入的插件,我还安装了这几个(Ctrl+Shift+X打开插件市场)

- 常用快捷键
Tab:自动填充代码
Ctrl+K:编辑代码
1. 从0到1编写代码
2. 修改已有代码,也可以选中整个文件的代码,让Cursor帮你生成详细的代码注释
Ctrl+L:回答用户关于代码和整个项目的问题,也可以编辑代码(功能最全面)
Ctrl+i:编辑整个项目代码(跨文件编辑代码)
更多推荐



所有评论(0)