1.摘要：
本文记录了用 TRAE SOLO 开发一个实验室管理系统(Vlab)的经历，以及中间的碰壁过程和解决方法。
2.背景：
我是一名产品经理，没有前端coding的经验，希望利用AI工具开发一套实验室管理系统，用于管理多种智能板卡或虚拟板卡。
3.实践过程：
-
开始选型各种AI辅助开发的工具，这一步也是用豆包帮忙提供的建议，排除掉需要外网的和社区不活跃的产品，最后TRAE脱颖而出。
-
注册TRAE过程很简单，比较意外的是中间没有反复提示要充值或购买高级版本，这点产品设计上给我的体验很好，体现了产品财大气粗的气质。
-
安装TRAE有点困惑，截至我发帖时间，在下载页面有IDE和SOLO两个选项，其中linux版本只能安装IDE桌面版，不知道SOLO版是什么样子。
-
欣慰的是IDE版安装后也有SOLO模式，正好可以试用下，直接输入提示词，开始生成代码。 看着屏幕上的字符不断跳动，想着不会半天就完工了吧，内心有点激动和成就感。
-
结果不理想，开始优化提示词，借助豆包优化提示词后，重新生成。
-
依然不理想，虽然生成的项目功能上差不多了，框架看着也不错，但页面颜值差强人意，用这个汇报估计会被嘲笑。
-
开始优化页面样式，首先想到套用DESIGN.md设计规范，希望生成有科技感的专业页面，结果似乎好看了一点点，但依然不理想。
-
阅读TRAE最佳实践指南，用Figma生成了一个好看的设计稿，输入给SOLO期待能生成好看的前端代码
-
结果失败，浏览器给了一个白屏404。
-
重新看SOLO的思考过程，提示不能获取Figma中的设计，研究发现可能我提供的是一个Figma make设计稿的链接，SOLO 的MCP不能解析下载。
-
重新折腾Figma，画了一版design设计稿，按指南的提示 Copy/Paste as > Copy link to selection， 在原有工程上重新生成，结果依然不理想，浏览器显示一堆错乱的图标。(此处忘记截图了)
-
怀疑Figma的前端样式跟现有工程不匹配，重新在空白的文件夹中，用Figma设计稿生成前端页面。 结果基本还原了设计稿，但生成的是index.html文件，不是vue没法工程化，结果依然不理想。
-
纠结于是给老板看，一个好看的index.html项目，还是难看的vue框架项目。
-
又反复调试了几次，结果都没有特别完美，加之担心烧不起token，最后选择用index.html先汇报吧。
4.成果展示：
一个index.html 文件，一个可以交差的产品原型，一段成长的经历。
5.效果与总结：
好的方面：
- TRAE产品化很好，能感受到用户体验有好好设计过的，无论国内外产品，确实为第一梯队。
- SOLO开发入门很快，按照最佳实践指南能快速构建产品原型，是产品经理的好帮手。
- Auto Mode选择的大模型，理解问题很准确，响应速度优秀。
希望改进的方面：
- 用SOLO模式细究代码工程化，微调，重构上有点差强人意，后续放到真正的项目开发中可能会有问题。不知道用IDE模式开发是不是能规避，希望官方能继续给一些最佳实践。
- 把SOLO生成的项目的文件夹移动位置或者改名后，重新打开历史提示词就不见了，这种常见情况希望能改进或者给出指引。
- 真对产品经理的需求，希望能支持Figma Make设计稿，希望支持Axzure格式的设计稿。
- 好的提示词能让用户第一时间获得想要的结果，减少重试次数降低SOLO后台压力，希望官方能多提供些提示词的案例和优化建议。
- 截止发帖时间，终于遇到了排队提醒，估计是用户越来越多了，希望官方不要限速太多，后续收费考虑下个人开发者和中小公司的承受能力。