大家好，这里是 AI小白进阶之路。
在上一篇文章里，我们成功用 Cherry Studio 捏出了一个“爆款文案 Agent”。 很多小伙伴在后台跟我说：“太爽了！感觉自己雇了个秘书。”
但紧接着，不安分的心又躁动了：“文案写好了，我能不能把它做成一个网页分享给别人？”“我有个做小程序的好点子，但我看见代码就头晕，这辈子是不是没戏了？”
放在一年前，我会劝你洗洗睡吧。 但今天，我要告诉你：你能行！而且比你想象的更简单！
现在的AI进化了，AI Agent 已经进化到了一个新的高度——AI 编程编辑器。 今天我们要介绍的主角，就是能让你“说人话，出软件”的神器：Trae（也可以使用Qoder、Antigravity、cursor等同类型软件，哪个能免费用就用哪个）。
别被“编辑器”这三个字吓倒。
传统的代码编辑器（像记事本），是你写一个字母，它显示一个字母。AI 编辑器（像 Trae），是你告诉它“我要一个盖浇饭”，它就自动去买菜、切菜、炒菜，最后端到你面前。
它是一个深度集成了超级大模型（如 GPT-4o/Claude-3.5/DeepSeek）的开发环境。
以前开发：你写 10 行代码，去百度查 5 次，修 3 个 Bug，花 1 小时。
现在开发：你用自然语言描述需求，AI 一秒生成 100 行完美代码，你只负责按回车。
它不是来辅助你写代码的，它是来代替你写代码的。
AI的发展，市面上出现了很多这类工具，最有名的是国外的 Cursor、Antigravity以及最近爆火的ClaudeCode。但今天我更推荐字节跳动刚出的 Trae。
理由非常简单粗暴：
免费额度（免费额度）：这种级别的生产力工具，能白嫖就白嫖。
网络友好：国产软件，不需要特殊网络环境，速度飞快。
中文十级：对中文指令的理解能力极强。
你可以把它理解为：一个住你隔壁、随叫随到、还不收钱的资深程序员。
（注：Qoder、Antigravity 也是优秀的同类产品，逻辑大同小异，学会一个通杀全场。）
今天我们一起见证奇迹。 我们要用 5 分钟，做一个可以生成彩色、带Logo二维码的网页工具。
准备工作：去 Trae 官网下载并安装软件。打开后，界面也是中文的，非常清爽。（直接去官网下载安装即可，此处省略安装步骤）
打开 Trae，点击“新建文件夹”，起名 QRCode-Tool。
QRCode-Tool
在软件界面右侧，你会看到一个对话框（Chat）。这就是你的 AI 程序员。
输入你的第一个指令（Prompt）：
你是一个资深的前端工程师。请帮我用 HTML + CSS + JavaScript 写一个单页面的二维码生成器网页。功能要求：
有一个输入框输入网址。
有颜色选择器，可以改变二维码颜色。
点击生成按钮，在下方显示二维码。
界面要现代、好看，用卡片式设计。
按下回车。你会看到 Trae 开始疯狂输出代码。 它会自动帮你创建 index.html, style.css, script.js 文件，并把代码填进去。
index.html
style.css
script.js
你只需要点击对话框里的 “Apply”（应用） 或 “Accept”（接受） 按钮。
怎么看网页长啥样？ 在 Trae 的终端（Terminal）里，或者直接在你的文件夹里找到 index.html，用浏览器打开它。
Boom！🎉 一个功能完整的二维码生成器就出现在你面前了！
第一版出来后，你可能会觉得：“哎呀，我想给二维码中间加个小 Logo，能行吗？”
在以前，这需要你去学复杂的 Canvas 技术。 现在？你只需要在 Trae 的对话框里继续说：
“在这个基础上，增加一个功能：允许用户上传一张图片，作为 Logo 放在二维码中间。”
Trae 会立刻分析你现有的代码，精确地找到需要修改的地方，然后告诉你：“好的，我修改了 JavaScript 部分，增加了图片上传和合成逻辑……”
点击“接受”，刷新网页。新功能上线了！ 整个过程，你没有写一行代码。
怎么样？是不是有一种“掌握了神力”的感觉？今天用最简单的生成二维码工具演示，自己想让他做什么就让他做什么！
在 AI 编辑器时代：
编程语言不再是障碍，你的想法和逻辑才是核心竞争力。
你不再是一个苦哈哈的“码农”，你升级成了一个“产品经理”+“技术总监”。
Trae 这样的工具，把软件开发的门槛，从“珠穆朗玛峰”直接夷平到了“家门口的台阶”。 只要你敢想，你就能做。
👇 互动挑战：别光看，去下载 Trae 试一试！ 试着让它帮你写一个“生日祝福网页”或者一个“简易计算器”。 把你的成果截图发到后台，下期我选几个最酷的作品上墙展示！
下期介绍：
从“会用AI”升级到了“会用AI创造”。这是一个巨大的跨越，我们把软件开发的门槛，从“珠穆朗玛峰”直接夷平到了“家门口的台阶”。既然会用AI创造了，接下来几篇文章我想给大家介绍下skills、以及最近爆火的OpenClaw（原Clawdbot），并实战开发一个校园微信小程序。
关注获取往期精彩文章
END
编辑 | AI小白
来源 | AI小白
