使用 Google IDX Gemini 平台开发高效 Flutter 应用
视频
https://www.bilibili.com/video/BV15rr8YQEKH/
前言
先说结论,IDX 平台的有点:
- 免去环境配置,开箱即用。
- 预设多套模版 Angular Flutter Nextjs Nuxt Go。
- 导入代码仓同步 github glab 。
缺点:
- 外网速度慢
- 移动开发只能 android
- ai 自动化有待提升(多文件、指令、web读取)
参考
知识点
创建 Flutter 项目
开通 IDX 编码平台
需要 google 账号,使用 Gemini AI 需要类似美区通道。
丰富的项目模版
https://idx.google.com/templates
创建 Flutter 项目
第一步:取名
第二步:配置环境
第三步:dev.nix 配置文件
https://developers.google.com/idx/guides/devnix-reference?hl=zh-cn
第四步:开启 android 调试
第五步:交互式 Gemini AI 操作
点击 try interactive chat
开启。
命令行方式安装依赖 getx 。
添加 登录界面。
最后:更多的集成方案
代码仓导入
第一步:导入代码仓。
第二步:自动配置环境
中间会让你确认 github 账户号。
第三步:配置 idx 文件
.idx/dev.nix
{pkgs}: {
channel = "stable-24.05";
packages = [
pkgs.jdk17
pkgs.unzip
];
idx.extensions = [
];
idx.previews = {
previews = {
web = {
command = [
"flutter"
"run"
"--machine"
"-d"
"web-server"
"--web-hostname"
"0.0.0.0"
"--web-port"
"$PORT"
];
manager = "flutter";
};
android = {
command = [
"flutter"
"run"
"--machine"
"-d"
"android"
"-d"
"localhost:5555"
];
manager = "flutter";
};
};
};
}
最后:运行成功
小结
通过本文可以发现 IDX 这种开发模式将会是一个很好的方向,虽然目前还有不足的地方,但是未来可能会成为主流,我大致归纳如下几点:
- 低延迟连接高速
- 更好的零配置开发环境
- AI 助手更专业(操作多文件,网路访问、知识库 ...)
- 持续集成简单(生成、开发、上线)
- 移动设备支持 ios
- 移动本地设备调试(扫描安装测试包)
感谢阅读本文
如果有什么建议,请在评论中让我知道。我很乐意改进。
猫哥 APP
flutter 学习路径
- Flutter 优秀插件推荐
- Flutter 基础篇1 - Dart 语言学习
- Flutter 基础篇2 - 快速上手
- Flutter 实战1 - Getx Woo 电商APP
- Flutter 实战2 - 上架指南 Apple Store、Google Play
- Flutter 基础篇3 - 仿微信朋友圈
- Flutter 实战3 - 腾讯即时通讯 第一篇
- Flutter 实战4 - 腾讯即时通讯 第二篇
© 猫哥 ducafecat.com
end