零基础快速无脑搭建后台管理系统 Vibcoding_我帮你第二期

导读:上一篇博客教大家怎么样无脑快速搭建一个后台管理系统,这篇继续教大家怎么样使用 Trae(已更名为 TraeCode)或者 TraeWork 进行测试和 Bug 修复。全程不需要懂代码,让 AI 自己操作!


一、工具下载

谷歌浏览器

网上的在线安装包都很慢,如果访问谷歌浏览器官网(https://www.google.cn/chrome)下载,安装需要等待很久。这里推荐使用离线版安装包,下载更快。

下载地址(光鸭云盘)

  • 需要登录保存,无限速,登录送 2T
  • 光鸭云盘用户给你分享了:「ChromeStanda…up64.exe」,点击链接或复制整段内容,打开「光鸭APP」即可获取。 链接:https://www.guangyapan.com/s/1939717744297246725_afdKmntd6DRoD0OP

Trae(更名为 TraeCode)和 TraeWork 谷歌插件安装

第一步:开启外部浏览器控制

开启AI控制外部浏览器设置
开启AI控制外部浏览器设置

点击 设置 -> 左侧浏览器 -> 右侧打开"允许AI控制外部浏览器",然后点击 “无法访问商店?尝试手动安装”

第二步:手动安装插件

手动安装插件页面
手动安装插件页面

点击下载,会马上下载完成,然后点击前往安装。在浏览器输入 chrome://extensions/,按照要求拖拽安装

插件拖拽安装过程
插件拖拽安装过程

第三步:安装完成

安装好之后是这样,图中第一个就是 TraeCode 的插件。

已安装的浏览器扩展列表
已安装的浏览器扩展列表

提示: TraeWork 的插件安装方式与 TraeCode 完全一样,这里不再演示,搜索安装即可。


二、测试和 Bug 修复

版本说明: 2026 年 8 月之后推荐使用 TraeWork 进行测试和 Bug 修复。

TraeCode 使用

步骤 1:配置完全访问权限

Trae 更新到最新版 TraeCode,点击 “如何批准 agent 操作"的设置,选择"完全访问”

TraeCode的agent操作设置
TraeCode的agent操作设置

选择完全访问权限
选择完全访问权限

步骤 2:配置多模态模型

一定要配置支持图片输入的模型,或者不配置直接选择 Auto Mode。这里配置了 Seed-Code,这个模型多模态在 Trae 里最实惠,可以使用很久。

TraeCode模型配置
TraeCode模型配置

步骤 3:输入测试提示词

测试演示,直接输入这个提示词:

用户名称 admin  密码 admin123  登录地址 http://localhost  帮我对整个项目酒店客房管理进行一次测试,确保每一个按钮点击都有响应,使用浏览器

输入测试提示词
输入测试提示词

步骤 4:修复 Bug

Bug 修复同上:直接截图让 TraeCode 修复 bug 即可,修复完成之后让 Trae 使用浏览器测试,全程不需要懂代码,让 AI 自己操作。

TraeWork 使用

步骤 1:打开并选择项目

打开软件登录后点击 Code,文件夹选择之前的 ry2(上一期项目文件夹),点击 “如何批准 agent 操作"的设置,选择"完全访问”

TraeWork登录后点击Code
TraeWork登录后点击Code

选择上一期项目文件夹
选择上一期项目文件夹

步骤 2:配置模型

模型配置 DeepSeek-V4-flash 正式版(最经济),思考强度选择极高,打开更大上下文 MAX

TraeWork模型配置
TraeWork模型配置

步骤 3:让 AI 理解项目

点击项目理解,然后发送,先让 TraeWork 了解整个项目。

点击项目理解并发送
点击项目理解并发送

步骤 4:查看测试结果

本次测试完成,任务耗时 3 分 43 秒

测试完成结果
测试完成结果

本次使用积分 10.51

积分使用情况
积分使用情况

步骤 5:多模态浏览器测试

配置多模态模型并发送提示词进行测试("/" 选择 Browser 可以调用之前安装的浏览器插件,让 AI 使用浏览器),这里思考强度选择

多模态模型配置
多模态模型配置

浏览器测试过程
浏览器测试过程

浏览器测试结果
浏览器测试结果

步骤 6:发现 Bug 直接修复

测试完成后如果发现 bug,直接截图让 AI 修复即可。

Bug修复操作
Bug修复操作


总结

通过 TraeCodeTraeWork,即使完全不懂代码,也能轻松完成项目的测试和 Bug 修复

  1. 配置好完全访问权限多模态模型
  2. 安装并启用浏览器插件
  3. 输入测试提示词,让 AI 自动测试
  4. 发现 Bug 直接截图让 AI 修复