讲的不好可以在下面补充哈😊，开始

首先我们得有一个叫WebToApp的软件

只有七天，过期了的话从我的主页上找联系方式加我qq我私信发哈

有了这个软件之后

我们还需要一个用来玩ai编程的大模型，这个大家可以使用agnes AI，现在是无限次使用的

可以访问agnes控制台获取API

有账号直接登录，没有账号就点注册，跟着页面提示走完注册流程，注册完成会自动跳转到控制台。

找到创建新密钥的按钮点进去，随便填个密钥名称，保存后会弹出提示窗口，提醒你把密钥妥善存好。窗口里会生成一串密钥字符，既能手动复制，也能点右侧copy 按钮一键复制，先保存好这段密钥。

打开提前下好的WebToApp，第一次打开会让选语言，直接选中文就行。

找到右上角工具栏：看不到对应按钮就左右滑动，滑到搜索按钮后再往右滑一页，找到标注“不读”的按钮点开，选择AI设置。

 点API密钥旁的Add按钮

供应商下拉栏拉到最底部，选Custom自定义

API密钥输入框粘贴刚才复制的密钥，别名可以空着不填

Base URL（OpenAI兼容地址）填写：https://apihub.agnes-ai.com/v1

OpenAI兼容格式下拉选项不用改动，点右下角保存完成配置

接着点已保存模型右侧的Add，选择批量选择模型，勾选这两个：

agnes-1.5-flash 文本生成

agnes-2.0-flash 文本生成

最后点添加所选模型，接口配置就全部完成了。

回到软件首页，再次点开右上角不读的按钮，选择AI编程。

点顶部新建会话，在底部输入你的开发需求就能生成代码，下面给大家讲清楚AI编程里各类技能分别能做什么：

一、应用类型（打包独立可运行程序）

1. /gallery-app

图库类工具，自动分类图片、视频，支持网格、列表、大图多种浏览样式，适合做本地相册、作品展示软件。

2. /go-app

Go语言后端服务，代码直接编译成独立文件，占用低、运行快，适合轻量接口、小型后台。

3. /html-app

纯静态单页项目，只用HTML+CSS+JS开发，打包后嵌入安卓内置浏览器，不用后端，适合简易工具、静态展示页面。

4. /multi-web-app

多网页聚合工具，用标签页、侧边栏收纳多个网站，相当于多功能浏览器，方便同时管理各类后台页面。

5. /nodejs-app

内置Node运行环境，手机本地就能启动JS服务、运行自动化脚本，无需额外搭建服务器。

6. /php-app

自带PHP8.4运行环境，本地直接部署PHP网站、接口，不用依赖外网服务器。

7. /python-app

本地运行Python脚本，适配数据处理、AI工具，

8. /react-app

React框架单页项目，打包后嵌入浏览器内核，适合交互复杂的管理面板、AI对话界面。

9. /vue-app

Vue3轻量化前端项目，用来制作流畅交互工具、后台控制台。

10. /wordpress-app

本地Wordpress运行环境，可调试博客模板、开发主题与插件。

二、模块类型（依附主程序的扩展插件）

1. /module-chrome-mv3

Chrome第三代规范浏览器插件，在内置浏览器生效，实现网页广告拦截、自动填充、页面自定义修改等功能。

2. /module-js

自定义JS扩展脚本，上架模块市场，给主程序新增各类自定义功能。

3. /module-style

纯CSS美化模块，一键修改页面配色、布局，自定义全局主题。

4. /module-userscript

兼容油猴脚本语法，自动修改网页内容、去除广告、自定义网页交互逻辑。

三、工具类（辅助代码项目开发）

1. /debug

代码排错工具，自动检测运行报错、接口异常，定位问题并给出修复方案。

2. /explain

代码解析工具，只解读代码逻辑，不会修改原有代码，适合看不懂复杂脚本时拆解流程。

3. /i18n

多语言国际化工具，批量编辑翻译文本，一键给程序增加中英文等多语言切换功能。

4. /imagery

图像处理工具，支持批量裁剪、压缩素材，搭配Agnes图生图2.1模型生成绘图素材。

5. /optimize

项目性能优化，压缩代码、精简资源，提升加载速度、降低设备资源占用。

6. /refactor

代码重构工具，规整代码命名、删减冗余代码，优化代码整洁度，不改动原有功能。

今天的教程就讲到这里，内容还有不完善的地方，大家可以补充交流。

最后分享一个我用这个APP制作的视频播放器哈，默认已经指定了一个我做的视频

本楼来自：清欢的个人主页