用 Trae 从 0 到 1 上架了个 Chrome 插件,并开源了代码

4 天前
 yedaxia

最近 Vibe Coding 比较火,在上周末,我也花了两天时间,尝试从头到位构建了一个 Chrome 浏览器插件。

在线体验:33 字幕图

开源代码:VideoScreenshot

实现效果图:

我还写了篇分享文章:了解更多构建过程

AI 编程小技巧

总结 AI 编程过程中的一些小技巧。

1. 精心设计提示词

建议先在文本编辑器或备忘录中仔细构思和修改提示词,确保表达清晰、目的明确,然后再提交给 AI ,这样有助于获得更精准的回复。

2. 限定技术栈并保持审查能力

明确要求 AI 使用你熟悉或指定的技术栈来生成代码,同时始终保持对生成内容的审查和判断,确保代码符合预期和质量标准。

3. 一次只做一件事

尽量让 AI 每次只完成一个明确任务,避免复杂或模糊的指令,这样更容易把控输出结果的质量和准确性。

4. 结合版本控制及时存档

建议配合 Git 等工具及时保存每次生成的代码和阶段性成果,便于回溯、比较和管理迭代过程。

5. 借助视觉材料辅助生成

UI 稿、原型图等图像资料能够帮助 AI 更准确地理解需求,在适当场景中结合图像输入,可以提升输出内容的贴合度。

6. 多次尝试,耐心调优

如果初次生成效果不理想,可以尝试让 AI 重新生成,适当调整表述方式或补充信息,有时重复尝试能够带来意外收获。

番外思考

此前我使用 AI 更多在代码补全,生成代码片段或简单脚本上,从头构建一个完整的产品,这也是第一次。

AI 是否会取代程序员的工作?目前来看,还不会。也许一个不懂代码的人可以借助 AI 做出简单粗糙的小应用,但对于稍微复杂一些的项目,仅靠 AI 仍然难以胜任,尤其在遇到问题的时候,它还是需要借助人类作为舵手。

即便 AI 编程智能到不需要人,但对于商业软件产品——如果无法理解与控制它,风险会变得不可预知,构建就失去了意义。

对程序员而言,掌握与 AI 协作的能力,似乎正在成为一门“必修课”。AI 或许不会取代程序员,但擅长使用 AI 的程序员,可能会取代那些不使用的人。

在 AI 时代,我们不应满足于只编写简单的 CRUD 或前端代码,而应努力成长为技能更全面的工程师。保持开放、持续学习的心态,让 AI 成为我们个人能力的放大器。

对于 AI 编程,你有哪些不一样的看法呢?欢迎讨论和交流。

1763 次点击
所在节点    分享创造
14 条回复
gelen98
4 天前
能不能推荐一些安全,便宜,好用的。
yedaxia
4 天前
@gelen98 Trae 第一个月是 3 美元,腾讯的 CodeBuddy 目前可以免费使用。
gouLang
4 天前
这个好, 支持所有视频网站吗
yedaxia
4 天前
@gouLang 原理是动态监测页面的 video 元素,只要是使用了 video 进行播放的都支持。
simondung
4 天前
没什么卵用
goodhellonice
4 天前
感谢分享构建过程,对于不懂代码的人来说,还是比较难的
yedaxia
4 天前
@goodhellonice 是的,AI 编程也是要懂代码才行的。
Maboroshii
4 天前
很好的分享!
yedaxia
4 天前
@Maboroshii 🤝🤝
SakuraYuki
4 天前
我最近也用 ai 撸了一个 chrome 插件,刚刚白嫖了一年 gemini pro ,chrome 不太方便快速调用和打开 web 端的 gemini ,于是用 ai 搞了个能快速呼出对话框向 gemini 提问并自动打开网页版 gemini 自动填充并发送
yedaxia
4 天前
@SakuraYuki 棒!多尝试。
npe
4 天前
虽然开通了开发者,但还没上架过,没有好的 idea 。
Honwhy
3 天前
还好吧。 难度不算大。
yedaxia
3 天前
@Honwhy 是的难度不大。

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/1158332

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX