你好,我是予贝,AI时代,专注于AI编程
点击👇关注我 获取更多AI相关知识
“老板又催双端上线?
实习生用Flutter+AI半天搞定安卓/iOS/网页三端同步,
而你还在手动移植代码到凌晨?
👉 2025最火技术组合:
Cursor(AI自动编码)x Flutter(谷歌跨平台框架)
从安装配置到开发部署,
手把手教你用AI生成代码+1套UI征服所有平台!
Flutter 是 Google 推出的开源 UI 工具包,使用 Dart 语言,助力开发者高效构建跨平台应用。其核心优势在于:
-
一码多用: 一套代码即可编译成 iOS、Android、Web、桌面等多平台应用,提升开发效率,降低维护成本。
-
流畅体验: 自研 Skia 渲染引擎,实现 120fps 流畅动画,媲美原生性能。
-
精美 UI: 提供丰富的 Material Design 和 Cupertino 风格组件,轻松打造美观界面。
-
高效开发: 热重载功能实时更新代码,快速迭代,提升开发效率。
Flutter 适用于移动、Web、桌面及嵌入式应用开发,是构建高性能、跨平台应用的理想选择。
1、进入 Flutter 中文文档:https://docs.flutter.cn/index.html,点击开始使用
2、根据自己的系统选择开发平台,我这里选择的 Windows
3、选择 Android 即可
4、进入了安装界面,按照安装教程安装,翻到开发工具,下载 Git 和 Android Studio
5、Git 和 Android Studio 网上的教程很多,直接下载,双击安装即可。
6、Git 和 Android Studio 安装完成后,翻到安装 FlutterSDK 界面,选择自行下载安装,下载 SDK
7、解压完成后目录里包含一个 flutter,复制到 D 盘或者其他目录,不要带中文
8、搜索编辑系统环境变量,打开环境变量,在系统变量中双击 Path
9、复制 flutter\bin 目录添加到环境变量中,一直点击确定。
10、命令行输入 flutter --version,如果正确打印版本信息,则说明安装成功
1、在 cursor 插件中搜索 flutter,安装 Flutter 插件
2、按下快捷键 Control + Shift + P,并输入 flutter,选中 Flutter:New Project,回车
3、选择前三个其中之一即可,我选择的 Empty Application,然后按照提示,输入项目名,Cursor 会帮我们把整个目录都创建好。
4、项目创建好后,在终端输入 flutter devices 会列出目前可以运行的设备
5、在终端输入 flutter run ,选择要运行的设备,编译完成后将会自动运行
AI 编程时代,当然要使用 Cursor 进行开发了,Ctrl + I 打开 AI 对话框,输入提示词
@Codebase 帮我开发一个高级的TODO软件,回车,等待开发完成
简单修改,解决问题耗费了 5 分钟之后,开发完成了,界面如下
添加待办界面
手机运行需要手机端开启开发者选项,不同的手机操作不同,这个步骤自己百度解决,开启后使用数据线连接,打开 USB 调试等设置,连接成功后会显示手机型号。
连接后使用 flutter run 运行,界面如下所示
Flutter 的跨平台特性允许一套代码适配 iOS、Android、Web 及桌面端,大幅降低多端开发成本,结合 Cursor AI 的智能代码生成,完美的解决了开发中耗时的编码和多端适配工作,效率提升 100 倍。
我最近在跟一群 AI 大佬,组织一个 AI 破局公开课学习群,接下来半个月每天都会直播分享 AI 实战干货。包含 DeepSeek 写作、AI 视频打造、AI 绘画变现、AI 副业变现等等,感兴趣的扫码进群学习。
