《惊!濒临崩溃的程序员「穿越」后,竟靠它 0 基础做出超酷 Chrome 插件!》

158 阅读4分钟

 

我正在参加Trae「超级体验官」创意实践征文,本文所使用的 Trae 免费下载链接:www.trae.com.cn/?utm_source…

传统程序员的绝望(故事背景)

凌晨4点,我看见海棠花未眠~~

image.png

照片来自抖音@乌托邦

诶咦~~    好像走错片场了

ʚʕ̯•͡˔•̯᷅ʔɞ

凌晨 4 点,12 平米出租屋里,老式键盘的咔嗒声格外刺耳。

马克杯沿泡面汤结出褐色污渍,第 23 个报错弹窗刺痛双眼,指甲深深掐进掌心。

产品经理那句 “#00FF00 更护眼” 在耳边循环,太阳穴突突直跳。

 

“这哪是调色板,分明是催命符。” 我对着屏幕喃喃,蓝光灼得眼角生疼。

突然一阵晕眩,右手小指僵在退格键上,扭曲的代码化作绿色藤蔓。

黑暗中,微信提示灯明灭,阿林的消息在意识消散前亮起:“老陈,给你找了个神器...”

   

与 Trae 的初遇:当代码退潮时

   

再次醒来时,我发现自己竟然身处大学宿舍的床铺,周围是熟悉的室友。

    我感到困惑又惊讶,低头看到自己年轻的双手,心中满是疑惑。

    不经意间,看到桌上的电脑,脑海中突然浮现出那个叫 Trae 的神奇应用。

 

据说它能让人零基础轻松实现代码,解决各种复杂的编程问题。怀着好奇与期待,在 Trae 官网下载了他。

 

image.png

 

深入了解一下发现 Trae 无论是优化工作流程,还是开发个性化应用,Tare 都能精准适配需求,高效输出成果,真正实现 “所想即所得”。

它不仅是一款工具,更是赋能创新的引擎,让每个怀揣创意的人都能在数字世界里大展身手,开启属于自己的技术之旅!

 

从 "代码苦行僧" 到 "创意造物主":零基础搭建 Chrome 插件实录

 

准备阶段:当工具开始理解人类语言

1.Chrome 扩展开发依赖 Chrome 浏览器,Google chrome即可

 

image.png

 

2.然后在官网安装一个 Trae

 

image.png

 

关键对话:给 AI 一个清晰的 "创造蓝图"

 创建一个 instruction.txt 来记录对AI的指令

你要与 Trae 协作,你要让 Trae 生成你想要的代码,一段准确详细的 Prompt 提示词 那当然是必备的

例如:

你是一个经验丰富的chrome扩展开发者。(角色)

请帮我开发一个名为Hulk的扩展应用。(任务)

ux设计图请参考ux.png.

(设计图可自行添加)

 

具体交互步骤如下:

 

Step 1: 点击程序图标打开弹出窗口,在窗口中显示默认提升:

”改变背景颜色“,"点击下方按钮将当前页面背景色改为绿色“

和一个”改变背景颜色“按钮

Step 2:点击按钮,将网页背景改变为绿色

 

注意:

请使用icons文件的图标作为应用程序的图标

 

 

让我们一起手搓一个插件吧

在 Trae 中 aigc 下创建一个 icons 的文件夹,将图片放入

 

icon48.png

 

icon16.png

 

icon128.png

 

lQDPKHUVhkYMLqfNAZrNASCw-RdEr-8UKJAH_-a9mpmDAA_288_410.jpg

 

做好了之后就是这样了

 

image.png

 

魔法时刻:当代码自动生长时

 

image.png

 

之后你就可以得到这些啦!

 

 

 

image.png

 

 

 

image.png

 

 

image.png

 

右上角应用即可食用

 

根据 Trae 指示操作即可

 

 

image.png

 

之后你即可看到

 

 

image.png

 

零基础小白的「技术成人礼」:当按钮第一次被点亮时

 

如果弹窗排版有问题或者只点击不变色

这简单将报错再次“喂”给 Trae 即可啦

 

什么?你说你看不懂 ai 在干什么

你忘了你不是还有 Trae 吗

“哪里不会点哪里”

将你不懂的代码“喂”给 Trae 它将给你一个完整易懂的解释

 

 

image.png

 

 

image.png

 

unbelievable!!!

 

技术赋能的终极答案:从 "代码囚徒" 到 "数字造物主"

这或许就是 Trae 带来的真正变革:它不是效率工具的升级,而是一次关于 "技术民主化" 的启蒙。当每个普通人都能毫无障碍地将想法转化为现实,当 "创造" 不再被技术壁垒阻挡,数字世界的大门才真正向人类的想象力敞开。本质上是技术赋能逻辑的根本转向 —— 从 "人适应技术" 到 "技术服务人"。新时代的 AI 契机,不仅是效率工具的升级,更是一次关于 "创造力解放" 的全民启蒙:只要有想法,任何人都能踩着 AI 搭建的技术阶梯,在数字世界中搭建属于自己的城堡。这不是技术的神话,而是每个普通人触手可及的现实 —— 现在,只差一个开始的勇气。