![[机智]](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_108.a6defc6.png)
![[胜利]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_119.947368f.png)
获得徽章 8
- #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 服务。![[赞]](//lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_108.a6defc6.png)
你会发现，有了 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 - #前端开发现状#
官方 CSS logo 新鲜出炉：幕后故事
CSS-Next 工作组官宣 CSS 新 logo 正式采用，颜色为 rebeccapurple（蕾贝卡-紫）。
CSS 之前的盾牌 logo 随着 CSS 3 广为人知，但 CSS 以后不会有版本号，只有 level（级别）。随着其他模块进入 level 4 等，工作组决定重新设计一款和版本号无关的新 logo。
“蕾贝卡”是 CSS 先驱 Eric 的女儿，紫色是她最喜欢的颜色。不幸的是，她在六岁生日后因脑癌辞世了。
设计师 Jeffrey 得知此事后发起了一场主题活动，当时有人建议将 #663399 命名为“蕾贝卡-紫”，最终在 2014 年标准化。
10 年后的今天，CSS 未忘初心，新 logo 继续沿用 rebaccapurple 来纪念那个小女孩，充满人文关怀。
有趣的是，社区似乎还想给 CSS 设计一只吉祥物，敬请期待！ 展开评论2
![[捂脸]](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)