真牛逼,又有新的 AI 员工入职了,但是他不想远程开发,非要来线下,我强制让他 Devbox 远程开发了嘿嘿...

a05067dba41d9ea67c56091264d83d1f.png

最近招了一个新的 AI 员工,昨天刚入职,小伙活干的不错,正在考虑要不要给它交社保。

加上新入职的这位,我已经有这么多 AI 员工了,队伍越来越壮大了。

ffac6ca5ffde4dac671eb59ce8178f45.png

每天早上醒来,我都焦虑的不行,一想到这些员工还没开始干活就很愧疚,浪费了时代的馈赠。

话说,这是不是就是当老板的感觉?

至于这位新员工是谁,且听我慢慢道来。

先问大家个问题:今年到底哪些 AI 产品在赚钱?

我们来看看 Twitter 上一位网友[1]统计的一组独家数据,这组数据很好地反映了当前 AI 产品的市场情况:

cac4755ea6a620b3d4c73f324a0a7ae9.jpeg

从数据中可以清晰地看到,在所有 AI 应用场景中,AI 绘画和 AI 音视频领域位居前列,紧随其后的就是 AI 编程领域。

有趣的是,AI 绘画和 AI 音视频的底层技术并非大语言模型。这让我们得出一个重要结论:

结论

在所有基于大语言模型的应用中,AI 编程产品是今年商业化落地最为成功的方向。

尤其是海外市场,AI 编程工具都卷疯了,Cursor、Windsurf、Bolt.new、Zed、Devin 轮流上阵,天天在各大媒体上刷屏。

然而,这些工具都存在一个显著的问题:对中文开发者极不友好

很多英文不好的同学装好这些 IDE 之后的第一件事就是折腾汉化,而且还时不时因为未知原因被封号。

现在字节终于觉察到了这个痛点,推出了一款真正对中国开发者友好的 AI IDE:Trae。

fbb436346de7d1beac88c23e5cae27c7.png

虽然 Trae 的目标市场包括海外用户,但它最大的特色在于完整的中文支持

bcba07d1020744ba9860b5857c694ddc.png

还支持直接从 Cursor 导入配置,赤裸裸地抢 Cursor 饭碗啊。

642b2053a4cd0486b5a5802ffd0fadc6.png

还有一个比较炸裂的是,Trae 目前是免费的,而且内置了 Claude-3.5-Sonnet,可以免费使用!

7c03299405308df5b5e6532c1417a7c2.png

不得不说,这 UI 做得是真不错啊 👍

既然如此,那就有请这位 AI 员工也入职吧,和其他几位 AI 员工好好相处,大家都有任务做,不要抢哈。

424ed43d02f8d956960c5c1dd3698857.png

Trae 提供了两种模式:

  • Builder 模式:类似于 Cursor 的 Yolo 模式 (Agent 和 Composer 结合体),只需要描述你想要开发的应用,它就能从零到一构建一个完整的项目。

  • Chat 模式:这个很好理解了,各大 AI IDE 都支持的基本模式,随时解答问题,提供建议等等。

一般情况下直接用 Builder 模式就行了。

先来用它写一个祖传的贪吃蛇小游戏。

301d1b915b85401596c91c5090d1d027.png

检查一下它写的代码,没问题就可以选择全部接受。

接下来的操作就比较骚了,我不知道这个项目该怎么运行,直接问它。

d39c90d1139848849d6d3bfa6364d58b.png

然后它给我启动了一个 Web 服务,更炸裂的是,它还可以直接预览。

889e3aa4f9fe5c42a8b3e099d6aee49f.png

我只需要点击这个预览按钮,就可以直接在 Trae 里面预览了,太爽了!

69e7ca37f1a6d7a598ca90f94cbd7a4b.png

在预览期间,你还可以和 AI 实时沟通修改,修改结果将会在预览窗口中实时更新。

相比 Cursor 而言,Trae 的官方文档写的非常详细,借鉴了哪些开源项目都标注的清清楚楚。

7adc4debce958a5b34f6399ca382b4bc.png

Trae 远程开发演示

不过,在研究 Trae 的官方文档时,我发现了一个小问题:它使用的是开源插件市场而非 VS Code 官方的插件市场。不能安装 remote-ssh 插件,这样就没办法远程开发了。

即便曲线救国,从 VS Code 同步插件过来,remote-ssh 插件仍然无法正常工作。系统会提示这不是官方微软认证的软件,并拒绝建立连接。

这能忍吗?肯定不能忍啊,

好气哦!

于是我决定用 Trae 给 Trae 自己开发一个插件来支持 Devbox 远程开发。

这样有什么好处呢?你可以一键快速创建所需的开发环境和各种依赖,同时享受简化的环境配置和自动化的应用部署体验,减少繁琐的安装和配置过程,统一开发、测试和生产环境,更快地进入开发状态。

还不明白?

来看演示:

先访问 Sealos Cloud:https://hzh.sealos.run

点击 Devbox 图标,然后点击 “新建项目” 按钮。在 “运行环境” 配置中,选择一个开发框架 (比如 Next.js),并通过滑块调整项目所需的 CPU 核心数和内存大小。

1f9b15bb9d9cd5785d228859c7695203.png

滚动到配置页面的 “网络配置” 部分,配置容器端口:

  • 输入 3000 (Next.js 的默认开发端口)

  • 如需添加其他端口,可点击 “添加端口” 按钮

73dee1a0cc841f9c48cfdf0c7edc612a.png

配置外部访问:

  • 开启公网访问开关,允许外部用户通过域名访问应用。

域名配置:

  • 系统会自动为应用分配一个子域名。

  • 如需使用自定义域名,可点击 “自定义域名” 并按提示设置。

注意:请确保容器端口 (3000) 与 Next.js 应用的运行端口一致。如果在 Next.js 配置中修改了端口,这里也需要相应更新。

最后,点击 “创建” 按钮完成项目创建。

项目创建完成后,你可以在项目列表中看到新建的项目。每个项目的 “操作” 栏都提供了多个便捷选项。

234cfe914448b814342dd1ac332c26c6.png

在项目列表中找到你的项目,在 “操作” 列中,点击 VSCode 图标旁的下拉箭头,从下拉菜单中选择 Trae,系统会自动启动本地的 Trae。

然后 Cursor 会弹出提示窗口,引导你安装 Devbox 插件。

d8397ab3250f98827e46f3a09dcc150a.png

该插件能让你通过 SSH 安全地连接到 Devbox 开发环境。

接下来还会有一个弹窗提示你安装 “Remote - SSH for Trae” 插件,装好之后,Cursor 就能自动建立远程连接了。

接下来就可以愉快地在 Trae 中进行开发了。

ce6e06f52029cb3b4477864d97a4aefb.png

注意

如果你之前选择了直接从 Cursor 或者 VS Code 导入配置,那么很有可能安装了插件 “Remote - SSH”,一定要先卸载这个插件!!!

接下来你在 Trae 里面的所有操作,实际上都是在 Devbox 远程开发环境中进行的,非常爽。

如果你是第一次听说 Devbox 这个产品,可以看官方公众号的介绍 👇

b6717a5509db53ce50f4563b14609c27.jpeg

Sealos Devbox 发布,珍爱生命,远离 CI/CD

也可以看官方 Devbox 落地页的介绍:https://sealos.run/devbox

5e3d5495331bbd6f6f3ad24f3367c48b.png

实现原理

这里的核心其实就是 “Remote - SSH for Trae” 这个插件,开发过程也很有意思,咱是直接用 Trae 来开发的,套娃哈哈。

思路很简单,直接 Fork 开源的 open-remote-ssh[2] 插件,然后二次开发。

说干就干,先 Fork 仓库,然后把自己 Fork 的仓库拉到本地,然后用 Trae 打开,就可以直接开发了。

f6a5bd24c738b1520882300589c7d6dd.png

首先,我们需要将 Fork 下来的源代码以文件夹形式作为扩展安装到 Trae 中。在 Trae 中选择并打开克隆到本地的项目文件夹:

2c82cfec5693f682349a4b3351469588.png

重启 Trae 后,我们尝试连接一个 devbox 地址进行测试,但遇到了报错:

f4f2fc42b0669ab5f7f1dae77c988fcf.png

我们将错误信息提交给 Trae 的 Chat 功能进行分析。AI 指出这是由于某些依赖文件无法下载导致的问题,并建议我们对整个项目进行深入分析:

cb958c99526a5905e3f93114c0e17456.png

在定位到具体问题文件后,解决方案就变得清晰了。我们可以让 Trae 协助我们进行修复,主要需要做两件事:更新文件名称和修改相应的 commit 信息:

b51487bfd262d23057c11a992c8bca0a.png

b68f9c7e64a536980f9823c216c49511.png

修复完成后,我们再次进行测试,这次成功建立了连接:

4e52e1300c591dbc6d9685ccc3ce0364.png

至此,我们已经成功解决了远程连接问题,接下来就可以愉快地开始与 Devbox 进行集成开发了。

参考

插件 GitHub 地址:https://github.com/labring/open-remote-ssh
开源插件市场地址:https://open-vsx.org/extension/labring/open-remote-ssh-for-trae


  1. https://x.com/AI_Whisper_X/status/1881482075183751271 ↩

  2. https://github.com/jeanp413/open-remote-ssh ↩

0250526b94082bdbbc8414a2a0f8b6e0.png

加入 Sealos 开源社区

体验像个人电脑一样简单的云操作系统

🏠官网链接

https://sealos.run

🐙GitHub 地址

https://github.com/labring/sealos

📑访问 Sealos 文档

https://sealos.run/docs/Intro

🏘️逛逛论坛

https://forum.laf.run/

往期推荐

一篇文章告诉你 Devbox 是如何从架构上干掉 CI/CD 的,连渣都不剩

2024-10-23

13601592012adbb870d25114a12cbde0.jpeg

我真的一行代码都没写啊!都是Cursor和Devbox做的!它甚至写完了还直接帮我部署了

2024-10-21

155cc2d6ced5afe91e14f985e5174f5e.jpeg

35岁程序员使用Cursor和Devbox手撕基于Rust的WASM智能合约

2024-10-16

7501e33158f1975e754a982517dd6394.jpeg

还在使用昂贵的虚拟机?来试试 Devbox,便宜 6 倍!

2024-10-11

70e1ebf94712c61523c95c37fa02681a.jpeg

Sealos Devbox 发布,珍爱生命,远离 CI/CD

2024-10-08

475f71fa768e3ecb24ad612b49c65be3.jpeg

关于 Sealos

Sealos 是一款以 Kubernetes 为内核的云操作系统发行版。它以云原生的方式,抛弃了传统的云计算架构,转向以 Kubernetes 为云内核的新架构,使企业能够像使用个人电脑一样简单地使用云。

关注 Sealos 公众号与我们一同成长👇👇👇

c8f0ade44f4de340a5b09bb05c36de4a.png

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值