游乐游手机版
首页/AI教程/文章详情

Vibe Coding:2天用AI鼓捣出一个APP

时间:2026-05-31 10:35
引言 之前为朋友开发了一款 Web 端客户管理系统,近期正好学习 APP 开发,朋友也有类似的移动端需求,于是顺势开启了这个项目。 项目背景 深入沟通需求后,移动端最迫切的功能包括简历总览、个人私有库、简历上传等。本次先完成一个 Demo,方便员工随时联系客户、录入信息。 技术栈与开发工具选择 技术

引言

之前为朋友开发了一款 Web 端客户管理系统,近期正好学习 APP 开发,朋友也有类似的移动端需求,于是顺势开启了这个项目。

vibe coding:2 天用 AI 鼓捣一个 APP

项目背景

深入沟通需求后,移动端最迫切的功能包括简历总览、个人私有库、简历上传等。本次先完成一个 Demo,方便员工随时联系客户、录入信息。

技术栈与开发工具选择

技术栈

移动端选型:Flutter

注:去年学过一段时间的 uni-app,兼容多端确实下了功夫,但开发体验一言难尽——调试时间比开发时间还长。

说实话,即便有 AI 加持,全栈这条路依然充满挑战,但选择一款顺手的跨端技术栈还是可行的。Web 端发展了这么多年,高手能玩出花来,但对多数人而言,要求其实很简单:看得懂、改得动,自由度不用太高,但别一步一个坑。毕竟没那么多精力去死磕某个框架。(话说前端啥时候能大一统啊!)

开发工具

移动端用了 Qoder 和 Trae,主要是想对比两款 AI 编辑器哪个更好用。

实际体验下来都很不错,国内算是天花板级别了。去年到现在没怎么用,再捡起来感觉发展迅猛,大厂果然舍得砸钱。

开发过程

没有用什么提示词模板,直接跟 AI 对话,让它按需求生成页面。从 flutter create 开始,一步步完成 Flutter 开发,最后打包 APK 直接下载使用。看最终效果吧。

整体包含 6 个页面:Splash 页、登录页(无需注册,Web 端注册)、首页、私有库、简历库、我的。然后用蒲公英平台生成二维码让朋友下载。

花时间最多的还是网络请求部分——统一请求头、全局日志、网络状态检测、全局异常处理、Token 自动刷新、请求响应拦截等。详细过程不展开了,基本上都是 AI 完成的,只做了一些微调。引入的三方依赖如下:

dependencies:
  flutter:
    sdk: flutter
  cupertino_icons: ^1.0.8
  dio: ^5.9.2
  json_annotation: ^4.11.0
  flutter_svg: ^2.0.7
  encrypt: ^5.0.3
  flutter_secure_storage: ^10.0.0
  shared_preferences: ^2.5.5
  fluttertoast: ^9.0.0
  flutter_launcher_icons: ^0.14.4

都是一些基础包,每个项目几乎都会用到。

基础模板

这个简单的应用做完之后,又花了三四天时间,基于原来的代码封装了一个更完善的通用模板。当前的依赖包括:

dependencies:
  flutter:
    sdk: flutter
  cupertino_icons: ^1.0.8
  dio: ^5.9.2
  json_annotation: ^4.11.0
  flutter_svg: ^2.0.7
  encrypt: ^5.0.3
  flutter_secure_storage: ^10.0.0
  shared_preferences: ^2.5.5
  flutter_launcher_icons: ^0.14.4
  provider: ^6.1.5+1
  go_router: ^14.1.0
  flutter_screenutil: ^5.9.3
  flutter_smart_dialog: ^5.1.0
  cached_network_image: ^3.4.1
  flutter_fla vor: ^3.1.4
  flutter_gen_runner: ^5.13.0+1
  logger: ^2.7.0
  permission_handler: ^12.0.1
  package_info_plus: ^9.0.1
  device_info_plus: ^12.4.0
  flutter_native_splash: ^2.4.7
  intl: ^0.20.2
  connectivity_plus: ^7.1.1
  fluttertoast: ^9.0.0

这些依赖很多都很有必要,比如 flutter_screenutil 解决屏幕多尺寸适配,flutter_fla vor 搞定工程化与环境分离,flutter_native_splash 修复启动页白屏问题。除了外部依赖,还做了应用优化,比如日间/夜间主题、应用信息和设备信息获取。当然还有很多功能没集成——根据 AI 的输入,再结合常见的使用场景,抽出了一套适合自己用的模板,项目有实际需求再集成也不晚。

除了集成这些能力,代码层面也做了一些封装:

  • 基类抽离:公共基类
  • 常量统一:接口地址、颜色、字体、路由名、字符串全部常量化
  • 示例页面:内置登录页、首页、404 页、网络请求示例、状态管理示例,直接参考开发
  • 工具类独立:日志、存储、权限、格式化抽离为单例工具类

GitHub 地址:github.com/oubin17/odk…,基础能力都已跑通。虽然比不上专业的 APP 开发模板,但麻雀虽小五脏俱全,而且没有复杂的嵌套关系,出现问题很容易定位。

模板页面

总结

AI 正在彻底打破传统开发的高门槛,深刻改变了中小项目和轻量化需求的开发模式。一人公司成为可能——只要有想法、有需求,即便没有深耕某个框架或领域,也能快速完成全栈或跨端项目的 Demo 落地,甚至打磨出可上线使用的版本。这对个人接单、创业项目快速验证、新手入门 Flutter 或移动端开发来说,无疑是巨大的助力。编程不再是专业开发者的专属,普通开发者也能轻松实现想法落地。

面对页面搭建、通用工具类编写、基础网络封装、依赖配置这类重复性强、逻辑固定的工作,AI 能大幅提升效率,甚至帮我们规避基础问题、优化交互细节。但涉及复杂业务逻辑梳理、底层架构设计、疑难 bug 调试、个性化需求定制、代码质量把控等核心工作,依然离不开开发者自身的判断与能力。

可以依赖 AI 提升效率,但不能盲目迷信、完全照搬 AI 代码——它生成的内容仍需要人工微调、校验、适配实际业务。过度依赖只会丧失独立思考和问题排查的能力。

归根结底,AI 只是提升效率的工具,开发者的核心竞争力是对业务的理解、对技术的掌控力、独立解决问题的能力。但这些核心竞争力真的“核心”吗?AI 的进化速度超乎想象,我们认为的核心竞争力与 AI 之间的差距正在慢慢变小。对大多数人来说,死磕底层、源码、算法已经是性价比极低的一件事。

或许多少年后,我们的孩子也会问我们:为什么当时 AI 那么火,却没有抓住风口?可问问我们自己,即使身处浪潮中,又有多少弄潮儿,能抓得住这风口呢?

来源:https://juejin.cn/post/7628436422668877876
上一篇DeployFast快速部署工具使用指南 下一篇小微智能AI论文写作轻松生成高质量论文
本站内容用于信息整理与展示,如有侵权或内容问题请及时联系处理。

相关推荐

补充同频道和同主题内容,方便继续浏览更多相关内容。

同类最新

继续查看同栏目最近更新的文章。

更多
如何用PPT AI提升演示文稿吸引力与专业性
AI教程 · 2026-05-31

如何用PPT AI提升演示文稿吸引力与专业性

如何借助PPT AI让演示文稿质量实现飞跃 希望你的演示文稿能够在众多汇报中脱颖而出吗?面对海量信息与紧凑的准备时间,一个高效的助手显得尤为关键。如今,PPT AI工具正在扮演这一角色,它能从设计、内容到呈现,全方位地提升你的工作效率与最终效果。接下来,我们分享几种切实可行的方法,看看如何借助AI的

AI文字排版5个实用技巧,有效提升创作效率
AI教程 · 2026-05-31

AI文字排版5个实用技巧,有效提升创作效率

一、ai文字排版怎么排?5个实用技巧助你成功 在信息过载的今天,如何将文字内容编排得既美观又易读,已经成为内容创作者和品牌方绕不开的课题。AI文字排版,正是应对这一挑战的关键技能。掌握它,不仅能大幅提升内容创作的效率,更能让你的信息在纷繁复杂的传播环境中脱颖而出。 背景与重要性 文字排版的价值,远不

免费AI自动生成Logo助力企业高效打造优质品牌形象
AI教程 · 2026-05-31

免费AI自动生成Logo助力企业高效打造优质品牌形象

一、AI自动生成Logo免费:解决设计难题的最佳选择 在当今商业环境中,打造一个醒目且具有辨识度的品牌标识至关重要,然而专业设计往往伴随着高昂的成本。此时,AI自动生成Logo的免费方案,正成为越来越多企业破解品牌形象难题的实用之道。随着技术门槛持续降低,无论是初创团队还是成熟公司,都能借助这类工具

AI技术助力企业数字化转型与创新发展
AI教程 · 2026-05-31

AI技术助力企业数字化转型与创新发展

比特网人工智能频道:产品与服务全景介绍在人工智能领域的资讯平台中,比特网人工智能频道始终是不可忽视的核心力量。它不仅汇聚海量AI资讯,更像是一座连通前沿技术与产业实践的桥梁。频道内容覆盖面极广,从行业动态、技术剖析,到落地案例与未来趋势,几乎囊括了人工智能领域的全部维度。具体而言,其特色体现在以下几

WPS AI一键生成大班拼音PPT 轻松制作生动教学内容
AI教程 · 2026-05-31

WPS AI一键生成大班拼音PPT 轻松制作生动教学内容

拼音教学是幼小衔接阶段的启蒙重点,但很多幼儿教师也反映,课堂设计并不轻松。拼音如同孩子走进汉字世界的“金钥匙”,可面对注意力极易分散的4-6岁儿童,如何将抽象的声母、韵母与声调转化为他们乐于探索的游戏内容,确实需要花费大量心思。尤其是制作一份生动、有趣且能牢牢抓住学生眼球的拼音PPT,常常让老师们在