
获得徽章 8
#Trae叕更新了?#
编辑器直接取代 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 功能。
![[机智]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_51.e6d838e.png)
MCP 全称模型上下文协议,它统一了应用程序为大语言模型提供上下文的标准。有人把 MCP 比喻为“AI 界的 HTTP 协议”,它简化了我们与大语言模型交互与开发。
![[爱心]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_106.ba42c9a.png)
目前 mcp.so 官网已经收录了超过一万三千个 MCP 服务,其中当然也包括 GitHub 官方出品的 GitHub MCP 服务。
![[赞]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_108.a6defc6.png)
你会发现,有了 GitHub MCP 服务,我们可以把编辑器变成一个 GitHub CLI,甚至不用打开 GitHub 官网,纯靠聊天就能在编辑器里远程遥控新建仓库或查看 issues 等 GitHub 功能。
![[胜利]](http://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 的代码解决......
![[捂脸]](http://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 的代码解决......
展开
1
3
#豆包MarsCode上新 Apply 能力# 联手 AI 给 Vue 开源贡献的经历![[胜利]](//lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_119.947368f.png)
白嫖了很久 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_108.a6defc6.png)
关于我的完整贡献流程可以参考这篇掘金博客:
juejin.cn
![[胜利]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_119.947368f.png)
白嫖了很久 Vue 但本人却从未贡献过源码,在朋友圈看到尤大给 VS Code 的 AI 插件点赞+转发,决定试试 AI 补全 TS 的类型体操和解释源码功能。
我负责写 JS,MarsCode 补全新写法和类型,通过单元测试后就能尝试提交给 Vue 团队审核,apply 功能可以产生类似 git diff 的效果,按需采纳 AI 的参考答案即可。
虽然最终因为忽略性能测试没有通过 Vue 团队的审核,但 AI 确实降低了开源贡献的心智负担,解释源码、生成测试和代码应用都挺丝滑的,可以减少编写模板代码的时间。
![[赞]](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_117.6dd2889.png)
展开
评论
1
#前端开发现状# 你可能不知道 Vue 的小技巧,v-bind 指令可以取代 CSS 变量![[胜利]](//lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_119.947368f.png)
CSS 现在原生支持 Sass/Less 的变量语法,可以和 Vue 的响应式“梦幻联动”,比如响应式更新亮暗主题。
另一个技巧是,v-bind 指令可以在 style 标签中使用,实现类似 CSS 变量的效果。
具体技巧请传送 Vue 学院官方博客(中文版)。
![[胜利]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_119.947368f.png)
CSS 现在原生支持 Sass/Less 的变量语法,可以和 Vue 的响应式“梦幻联动”,比如响应式更新亮暗主题。
另一个技巧是,v-bind 指令可以在 style 标签中使用,实现类似 CSS 变量的效果。
![[右]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_117.6dd2889.png)
展开
评论
1
#前端开发现状# Vue 全栈元框架 Nuxt 升级 v3.14 版本![[胜利]](//lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_119.947368f.png)
Nuxt 是一个基于 Vue 的开源元框架,可以创建类型安全、高性能和生产就绪的全栈 Web 应用。
Nuxt 3.14 正式发布,新版拥有全新的 rspack 构建器、shared 文件夹和性能优化!
![[胜利]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_119.947368f.png)
Nuxt 是一个基于 Vue 的开源元框架,可以创建类型安全、高性能和生产就绪的全栈 Web 应用。
Nuxt 3.14 正式发布,新版拥有全新的 rspack 构建器、shared 文件夹和性能优化!
![[赞]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_108.a6defc6.png)
2
1