《MDN 推出官方 MCP 服务器，让 AI 助手实时获取权威 Web 文档》

标签：#前端 #AI工具 #MCP #MDN #浏览器兼容性 #VSCode #Claude

总结：
MDN 官方发布了一款实验性 MCP（Model Context Protocol）服务器，旨在让 LLM 和编程助手直接访问 MDN 的搜索、文档及浏览器兼容性数据（BCD），解决 AI 回答中可能出现的过时或错误信息问题。开发者可通过远程服务或本地部署方式接入，支持 VS Code、Claude Code 等 MCP 兼容客户端，实现编码时一键查询 API 用法和兼容性，无需离开编辑器。

文章要点：
1. 官方出品，权威数据源：这是 MDN 官方推出的 MCP 服务器，直接对接 MDN 的搜索 API、文档 JSON API 以及浏览器兼容性数据（BCD），确保 AI 获取的是最新、最准确的 Web 平台技术资料，而不是训练数据中的"旧知识"
2. 六大核心工具，覆盖开发全场景：提供 mdn_search（关键词搜索）、mdn_doc（获取完整文档）、mdn_compat（浏览器兼容性检查）、mdn_list（浏览 BCD 特性）、mdn_css（CSS 属性定义）、mdn_http（HTTP 参考）等工具，从查文档到看兼容性一站搞定
3. 远程 + 本地双模式部署：既可以一键接入官方远程服务（https://mcp.mdn.mozilla.net/），也可以克隆仓库本地运行，满足对数据隐私有顾虑的团队需求；本地模式支持 MCP Inspector 调试，开发体验友好
4. 无缝集成主流开发工具：完美支持 VS Code、Claude Code、Cursor 等 MCP 兼容客户端，配置简单，安装后直接在 AI 聊天中调用工具，真正实现"边写代码边查文档"的流畅体验
5. 实验性质，持续迭代中：目前处于实验阶段，Mozilla 会收集查询数据以优化服务（可 opt-out），且保留随时调整或下线服务的权利，建议开发者关注官方动态

URL：
https://developer.mozilla.org/en-US/blog/introducing-mdn-mcp-server/

MDN Web Docs

MDN MCP server

The MDN Web Docs site provides information about Open Web technologies including HTML, CSS, and APIs for both Web sites and progressive web apps.

#VScode 打开/关闭git 分支切换时候是否展示提交详情 git.showReferenceDetails

#网页工具 #VScode 在线制作自己的 vscode 主题

https://themes.vscode.one/

themes.vscode.one

Theme Studio: Create VS Code Themes!

Create VS Code Themes with Theme Studio!

#VScode 如果你的 VS Code 很卡，可以尝试关闭硬件加速，看看有没有变快。步骤如下：
1、打开命令面板 (Mac 快捷键：Cmd + Shift + P，Windows 快捷键：Ctrl + Shift + P)
2、输入 "Preferences: Configure Runtime Arguments"
3、去掉这一行的注释（如果没有就加上去）: "disable-hardware-acceleration": true
4、重启 VS Code

- 前端充电宝

#VScode

就算不依靠第三方插件，也可以显示当前行的修改者了。使用 `git.blame.editorDecoration.enabled` 和 `git.blame.statusBarItem.enabled `设置启用此功能。也可以通过 `git.blame.editorDecoration.template` 自定义展示的格式。

{
    "git.blame.editorDecoration.template": "${subject}, ${authorName} (${authorDateAgo})"
}

#VScode 消除 tailwind v3 导入的警告

#效率 #VScode 通过如下方式可以在侧边新窗口打开当前声明的源：

- MacOS：`cmd + option + click`
- Windows：`ctrl + alt + click`