![[庆祝]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_123.da47506.png)
关于我的 Vibe Coding 2025 年度报告![[赞]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_108.a6defc6.png)
获得徽章 8
![[庆祝]](//lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_123.da47506.png)
关于我的 Vibe Coding 2025 年度报告
Trae 认为我的角色形象是“起源者”，也就是最早沉浸式体验 Trae AI 编辑器的开服玩家，从早期国内版到后来国际版我都测评过，喜欢的功能有内置 MCP 支持，新版 SOLO 模式，提示词优化等等。![[赞]](//lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_108.a6defc6.png)
不同于国外的 AI IDE，Trae 的中文支持和母语对话比较舒服，网络要求和首月折扣套餐也很适合新手低成本无缝测评，我参加了相关活动甚至还幸运地获奖了！
Trae 除了可以生成代码，也是结对编程的好伙伴，适合测试好重构。通过聊天对话与迭代，我还发现了相同需求的不同解决方案，这让我感到惊喜。
希望之后 Trae 能继续稳定发挥，慢慢探索和优化 spec 驱动开发等范式，把更多常见功能继续内置，比如最近又内置了常用都 agent，个人认为这再次吸引了非专业程序员群体，是正确的进化路线。 #TRAELAND#展开评论2- #Trae叕更新了？#
![[机智]](//lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_51.e6d838e.png)
编辑器直接取代 GitHub CLI，GitHub 官方 MCP 服务踩坑指南
MCP 全称模型上下文协议，它统一了应用程序为大语言模型提供上下文的标准。有人把 MCP 比喻为“AI 界的 HTTP 协议”，它简化了我们与大语言模型交互与开发。![[爱心]](//lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_106.ba42c9a.png)
目前 mcp.so 官网已经收录了超过一万三千个 MCP 服务，其中当然也包括 GitHub 官方出品的 GitHub MCP 服务。
你会发现，有了 GitHub MCP 服务，我们可以把编辑器变成一个 GitHub CLI，甚至不用打开 GitHub 官网，纯靠聊天就能在编辑器里远程遥控新建仓库或查看 issues 等 GitHub 功能。![[胜利]](//lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_119.947368f.png)
展开评论1 - #Trae又又又更新了# DeepSeek 和 Trae 帮我解决的一些 bug，感觉我更像人工智障......
![[捂脸]](//lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_28.8981538.png)
最近在捣鼓我的私人博客，因为某些 bug 一直掉发头，结果被内置了 DeepSeek 大模型的 Trae AI 搞定了......
1. 我想设计对色盲等群体友好的配色方案，但我不懂设计心理学。DeepSeek 除了吐槽我的配色，还给出 W3C 等在线工具，大家自由配色，算法会告诉你色彩对比度是否设计友好。
2. 分页按钮应该用超链接 a 标签还是表单元素 button 标签？翻页到底时我们要禁用按钮，但 disable 伪类无法和 a 标签一起使用，而 button + 伪类会让禁用光标失效。
3. 通过屏幕滚动显示阅读进度，滚动算法很烦，因为布局和定位可能会让某些元素脱离文档流，整个算法就得重新设计，我算了半天，最后通过复制粘贴 AI 的代码解决......展开13 - #豆包MarsCode上新 Apply 能力# 联手 AI 给 Vue 开源贡献的经历
白嫖了很久 Vue 但本人却从未贡献过源码，在朋友圈看到尤大给 VS Code 的 AI 插件点赞+转发，决定试试 AI 补全 TS 的类型体操和解释源码功能。
我负责写 JS，MarsCode 补全新写法和类型，通过单元测试后就能尝试提交给 Vue 团队审核，apply 功能可以产生类似 git diff 的效果，按需采纳 AI 的参考答案即可。
虽然最终因为忽略性能测试没有通过 Vue 团队的审核，但 AI 确实降低了开源贡献的心智负担，解释源码、生成测试和代码应用都挺丝滑的，可以减少编写模板代码的时间。![[右]](//lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_117.6dd2889.png)
关于我的完整贡献流程可以参考这篇掘金博客：
juejin.cn 展开评论1 - #前端开发现状# 你可能不知道 Vue 的小技巧，v-bind 指令可以取代 CSS 变量
CSS 现在原生支持 Sass/Less 的变量语法，可以和 Vue 的响应式“梦幻联动”，比如响应式更新亮暗主题。
另一个技巧是，v-bind 指令可以在 style 标签中使用，实现类似 CSS 变量的效果。 具体技巧请传送 Vue 学院官方博客（中文版）。 展开评论1 - #前端开发现状# Vue 全栈元框架 Nuxt 升级 v3.14 版本
Nuxt 是一个基于 Vue 的开源元框架，可以创建类型安全、高性能和生产就绪的全栈 Web 应用。
Nuxt 3.14 正式发布，新版拥有全新的 rspack 构建器、shared 文件夹和性能优化！ 21
![[机智]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_51.e6d838e.png)
编辑器直接取代 GitHub CLI，GitHub 官方 MCP 服务踩坑指南![[爱心]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_106.ba42c9a.png)
![[胜利]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_119.947368f.png)
![[捂脸]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_28.8981538.png)
![[右]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_117.6dd2889.png)
关于我的完整贡献流程可以参考这篇掘金博客：
juejin.cn![[奋斗]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_29.2801857.png)
![[嘿哈]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_67.9ceed33.png)