文档备案控制台
免费开始使用

1套代码通杀5个平台!2025程序员摸鱼神器:Flutter+Cursor 代码生成实测

你好,我是予贝,AI时代,专注于AI编程

点击👇关注我 获取更多AI相关知识

“老板又催双端上线?

实习生用Flutter+AI半天搞定安卓/iOS/网页三端同步,

而你还在手动移植代码到凌晨?

👉 2025最火技术组合:

Cursor(AI自动编码)x Flutter(谷歌跨平台框架)

从安装配置到开发部署,

手把手教你用AI生成代码+1套UI征服所有平台!

一、Flutter 介绍

Flutter 是 Google 推出的开源 UI 工具包,使用 Dart 语言,助力开发者高效构建跨平台应用。其核心优势在于: 

  • 一码多用: 一套代码即可编译成 iOS、Android、Web、桌面等多平台应用,提升开发效率,降低维护成本。

  • 流畅体验: 自研 Skia 渲染引擎,实现 120fps 流畅动画,媲美原生性能。

  • 精美 UI: 提供丰富的 Material Design 和 Cupertino 风格组件,轻松打造美观界面。

  • 高效开发: 热重载功能实时更新代码,快速迭代,提升开发效率。

Flutter 适用于移动、Web、桌面及嵌入式应用开发,是构建高性能、跨平台应用的理想选择。 

 

二、Flutter 安装

 

1、进入 Flutter 中文文档:https://docs.flutter.cn/index.html,点击开始使用 

picture.image

 

2、根据自己的系统选择开发平台,我这里选择的 Windows 

picture.image

 

3、选择 Android 即可 

picture.image

 

4、进入了安装界面,按照安装教程安装,翻到开发工具,下载 Git 和 Android Studio 

picture.image

 

5、Git 和 Android Studio 网上的教程很多,直接下载,双击安装即可。 

picture.image

 

6、Git 和 Android Studio 安装完成后,翻到安装 FlutterSDK 界面,选择自行下载安装,下载 SDK 

picture.image

 

7、解压完成后目录里包含一个 flutter,复制到 D 盘或者其他目录,不要带中文 

picture.image

8、搜索编辑系统环境变量,打开环境变量,在系统变量中双击 Path 

picture.image

 

9、复制 flutter\bin 目录添加到环境变量中,一直点击确定。 

picture.image

 

10、命令行输入 flutter --version,如果正确打印版本信息,则说明安装成功 

picture.image

 

三、Cursor 配置 Flutter

 

1、在 cursor 插件中搜索 flutter,安装 Flutter 插件 

picture.image

 

2、按下快捷键 Control + Shift + P,并输入 flutter,选中 Flutter:New Project,回车 

picture.image

 

3、选择前三个其中之一即可,我选择的 Empty Application,然后按照提示,输入项目名,Cursor 会帮我们把整个目录都创建好。 

picture.image

 

4、项目创建好后,在终端输入 flutter devices 会列出目前可以运行的设备 

picture.image

 

5、在终端输入 flutter run ,选择要运行的设备,编译完成后将会自动运行 

picture.image

 

四、程序开发

 

AI 编程时代,当然要使用 Cursor 进行开发了,Ctrl + I 打开 AI 对话框,输入提示词 

@Codebase 帮我开发一个高级的TODO软件,回车,等待开发完成 

picture.image

 

简单修改,解决问题耗费了 5 分钟之后,开发完成了,界面如下 

picture.image

 

添加待办界面 

picture.image

 

五、手机运行

 

手机运行需要手机端开启开发者选项,不同的手机操作不同,这个步骤自己百度解决,开启后使用数据线连接,打开 USB 调试等设置,连接成功后会显示手机型号。 

 

picture.image

 

连接后使用 flutter run 运行,界面如下所示 

picture.image

 

Flutter 的跨平台特性允许一套代码适配 iOS、Android、Web 及桌面端,大幅降低多端开发成本,结合 Cursor AI 的智能代码生成,完美的解决了开发中耗时的编码和多端适配工作,效率提升 100 倍。 

picture.image

我最近在跟一群 AI 大佬,组织一个 AI 破局公开课学习群,接下来半个月每天都会直播分享 AI 实战干货。包含 DeepSeek 写作、AI 视频打造、AI 绘画变现、AI 副业变现等等,感兴趣的扫码进群学习。

picture.image

0
0
0
0
评论
未登录
暂无评论