用 Context7 MCP 讓 Claude 自動查最新文件!開發者必學的 MCP 整合技巧

更新 發佈閱讀 6 分鐘
vocus|新世代的創作平台

還在煩惱 Claude 給的程式碼套用過期 API?設定好 MCP,它就會主動幫你查官方文件!

最近在玩 Claude 的 MCP(Model Context Protocol)功能,分享一個超級實用的工具 —— Context7 MCP。它可以讓 Claude 在回答框架、SDK、API 相關問題時,自動去抓最新版本的官方文件,不會再給你過時或錯誤的寫法。

這篇文章會帶你用幾個指令快速安裝 Context7 MCP,並透過 CLAUDE.md 設定使用規則,讓 AI 不再使用過時方法,成為總是參考最新穩定版本的開發助手。


一、什麼是 MCP?

MCP 全名是 Model Context Protocol,由 Anthropic 提出,簡單說就是讓 Claude 能夠外掛「工具」的協定。透過 MCP,Claude 可以執行終端機指令、查資料庫、讀取外部文件等等。

而 Context7 MCP 是一個專門用來查詢第三方函式庫、框架、API 官方文件的工具。它會根據你指定的套件版本,回傳對應的正確用法。


二、安裝與管理 Context7 MCP

所有操作都在終端機中完成。以下是常用的 MCP 指令:

1. 新增 Context7 MCP(使用者層級)

claude mcp add --scope user context7 -- npx -y @upstash/context7-mcp@latest
  • --scope user:對目前使用者生效,不用每個專案都重設。
  • context7:這個 MCP 的名稱。
  • 後面的 npx -y @upstash/context7-mcp@latest 則是執行的命令。

2. 查看所有已安裝的 MCP

claude mcp list

確認 context7 有沒有在清單內。

3. 取得某個 MCP 的詳細資訊

claude mcp get context7

可以用來檢查設定或版本。

4. 移除 Context7 MCP

claude mcp remove context7

不需要的時候直接移除,乾淨俐落。


三、在 VS Code 中啟用 MCP 面板

如果你是用 VS Code 搭配 Claude 擴充功能,可以直接輸入指令:

text

/mcp

就會叫出 MCP 管理介面,可以用圖形化方式查看、啟用或停用各個 MCP 工具。


四、設定 CLAUDE.md,讓 Claude 自動使用 Context7

MCP 安裝好之後,還需要告訴 Claude 什麼時候該主動查文件。只要在專案根目錄建立 CLAUDE.md 檔案,寫入以下規則:

markdown

# CLAUDE.md

## 工具使用規則

### Context7 MCP

當任務涉及第三方函式庫、框架、SDKAPICLI 工具、設定檔、專案初始化、依賴安裝、版本差異或官方文件查詢時,請優先使用 Context7 MCP 取得最新且對應版本的文件,再進行回答或產生程式碼。

在以下情境中,即使我沒有明確要求,也應主動使用 Context7 MCP
- 查詢函式庫或 API 的正確用法
- 生成依賴特定框架、SDK 或工具的程式碼
- 建立專案架構、初始化專案或撰寫配置步驟
- 判斷不同版本之間的 API 差異
- 回答安裝、設定、整合、遷移相關問題

若任務只涉及本專案既有程式碼、純語法修正、命名調整、註解撰寫、簡單重構或不依賴外部文件的邏輯推理,則不需要強制使用 Context7。

這份設定的效果:

  • 當你問 「Next.js 15 的 App Router 怎麼寫 middleware?」
    → Claude 會先用 Context7 抓 Next.js 15 官方文件,再回答。
  • 當你問 「幫我把這個元件改成箭頭函式」
    → 只涉及純語法調整,Claude 不會浪費時間查文件。

這樣就能兼顧準確性回應速度


五、實際情境舉例

情境一:使用新版的 Prisma

你問:「Prisma 5 要怎麼定義複合唯一約束?」

沒有 Context7 時,Claude 可能給你 Prisma 4 的寫法(@@unique([fields]) 其實兩版一樣,但有些 API 確實會變)。

有了 Context7,它會先去確認 Prisma 5 文件,再回傳正確的 schema 語法。

情境二:初始化一個 Vite + Vue 專案

你問:「幫我建立一個 Vite + Vue 3 的專案,並安裝 ESLint 9。」

Claude 會主動用 Context7 查 Vite 的最新初始指令、Vue 3 的設定方式,以及 ESLint 9 的 flat config 寫法(因為 ESLint 9 預設使用新的設定格式)。

情境三:升級 React 18 到 19

你問:「React 19 的 ref 用法有什麼改變?」

Claude 會比對兩個版本的官方文件,告訴你例如 forwardRef 是否還需要,以及新的 ref 作為 prop 的寫法。


六、結語

Context7 MCP 是一個非常貼近開發者日常的工具。以前我們總是抱怨 AI 給的程式碼「看起來對但跑不起來」,多半是因為它參考到舊版文件。現在只要花一分鐘安裝 MCP 並寫好 CLAUDE.md,就能大幅提升回答的正確率。

而且 MCP 的生態越來越豐富,未來可能還會有查 GitHub Issue、看 Stack Overflow 的 MCP。趁現在先學會這套流程,以後 Claude 就能真正成為你的最新技術文檔隨身顧問

留言
avatar-img
HKT實驗室
32會員
293內容數
哈囉!我是 HKT,一位專注於 AI 領域、熱愛 Vibe Coding 技術的開發者。在這個專屬的部落格空間,我將與你分享我在 AI 應用開發領域中的深入學習心得與實戰經驗。如果你也對 AI 技術充滿好奇,渴望不斷探索 AI 的無限可能,歡迎加入會員,與我一起踏上 AI 之旅,挖掘更深層的技術世界,享受學習的樂趣!
HKT實驗室的其他內容
2026/05/11
本篇介紹不無需自建電腦、不用綁信用卡,只要註冊 NVIDIA ,就能免費取得 API 金鑰,立即使用超過 150 種大語言模型,包含 DeepSeek、Kimi、GLM、Qwen、MiniMax 等最新開源模型。個人開發、Vibe Coding 或 AI Agent 測試都夠用。
Thumbnail
2026/05/11
本篇介紹不無需自建電腦、不用綁信用卡,只要註冊 NVIDIA ,就能免費取得 API 金鑰,立即使用超過 150 種大語言模型,包含 DeepSeek、Kimi、GLM、Qwen、MiniMax 等最新開源模型。個人開發、Vibe Coding 或 AI Agent 測試都夠用。
Thumbnail
2026/05/06
本篇文章詳細介紹 Claude Code 的五層架構(記憶層、知識層、護欄層、委派層、分發層)透過分層權責與隔離機制,系統性地解決 AI 智慧體開發中的上下文汙染、權限控管與任務委派等痛點。
Thumbnail
2026/05/06
本篇文章詳細介紹 Claude Code 的五層架構(記憶層、知識層、護欄層、委派層、分發層)透過分層權責與隔離機制,系統性地解決 AI 智慧體開發中的上下文汙染、權限控管與任務委派等痛點。
Thumbnail
2026/05/05
本篇文章介紹 Andrej Karpathy 使用的 claude.md 檔案
Thumbnail
2026/05/05
本篇文章介紹 Andrej Karpathy 使用的 claude.md 檔案
Thumbnail
看更多
你可能也想看
Thumbnail
Claude Code 不是聊天視窗,是六層代理系統。200K 上下文實際只能用 160K,MCP 是最大的隱形殺手。CLAUDE.md 只有 70% 遵守率,重要規則要用 Hooks。五個實戰技巧讓你從「會用」升級到「用得好」。
Thumbnail
Claude Code 不是聊天視窗,是六層代理系統。200K 上下文實際只能用 160K,MCP 是最大的隱形殺手。CLAUDE.md 只有 70% 遵守率,重要規則要用 Hooks。五個實戰技巧讓你從「會用」升級到「用得好」。
Thumbnail
5 月,方格創作島正式開島。這是一趟 28 天的創作旅程。活動期間,每週都會有新的任務地圖與陪跑計畫,從最簡單的帳號使用、沙龍建立,到帶著你從一句話、一張照片開始,一步一步找到屬於自己的創作節奏。不需要長篇大論,不需要完美的文筆,只需要帶上你今天的日常,就可以出發。征服創作島,抱回靈感與大獎!
Thumbnail
5 月,方格創作島正式開島。這是一趟 28 天的創作旅程。活動期間,每週都會有新的任務地圖與陪跑計畫,從最簡單的帳號使用、沙龍建立,到帶著你從一句話、一張照片開始,一步一步找到屬於自己的創作節奏。不需要長篇大論,不需要完美的文筆,只需要帶上你今天的日常,就可以出發。征服創作島,抱回靈感與大獎!
Thumbnail
以前要測試「使用者 AI 對話次數限制」功能,我都得手動打開 PostgreSQL、寫 SQL 查詢、刪除紀錄、調整額度,流程麻煩到爆, 直到我導入 Claude Code 的 PostgreSQL MCP,我才驚訝地發現原來我可以透過這樣一句話完成DB的操作, 實在太神奇了 : 💬 幫我把 t
Thumbnail
以前要測試「使用者 AI 對話次數限制」功能,我都得手動打開 PostgreSQL、寫 SQL 查詢、刪除紀錄、調整額度,流程麻煩到爆, 直到我導入 Claude Code 的 PostgreSQL MCP,我才驚訝地發現原來我可以透過這樣一句話完成DB的操作, 實在太神奇了 : 💬 幫我把 t
Thumbnail
本文探討 UI/UX 設計師如何利用 Claude AI 從單純的設計產出,進化到自動化系統維護。除了比較個AI差異外,說明AI如何協助設計師從單純的執行者轉變為引導者與審核者,進而提升設計工作的權責與價值,最終讓設計師能更專注於用戶體驗的策略思考。
Thumbnail
本文探討 UI/UX 設計師如何利用 Claude AI 從單純的設計產出,進化到自動化系統維護。除了比較個AI差異外,說明AI如何協助設計師從單純的執行者轉變為引導者與審核者,進而提升設計工作的權責與價值,最終讓設計師能更專注於用戶體驗的策略思考。
Thumbnail
當代名導基里爾.賽勒布倫尼科夫身兼電影、劇場與歌劇導演,其作品流動著強烈的反叛與詩意。在俄烏戰爭爆發後,他持續以創作回應專制體制的壓迫。《傳奇:帕拉贊諾夫的十段殘篇》致敬蘇聯電影大師帕拉贊諾夫。本文作者透過媒介本質的分析,解構賽勒布倫尼科夫如何利用影劇雙棲的特質,在荒謬世道中尋找藝術的「生存之道」。
Thumbnail
當代名導基里爾.賽勒布倫尼科夫身兼電影、劇場與歌劇導演,其作品流動著強烈的反叛與詩意。在俄烏戰爭爆發後,他持續以創作回應專制體制的壓迫。《傳奇:帕拉贊諾夫的十段殘篇》致敬蘇聯電影大師帕拉贊諾夫。本文作者透過媒介本質的分析,解構賽勒布倫尼科夫如何利用影劇雙棲的特質,在荒謬世道中尋找藝術的「生存之道」。
Thumbnail
當時間變少之後,看戲反而變得更加重要——這是在成為母親之後,我第一次誠實地面對這一件事:我沒有那麼多的晚上,可以任性地留給自己了。看戲不再只是「今天有沒有空」,而是牽動整個週末的結構,誰應該照顧孩子,我該在什麼時間回到家,隔天還有沒有精神帶小孩⋯⋯於是,我不得不學會一件以前並不擅長的事:挑選。
Thumbnail
當時間變少之後,看戲反而變得更加重要——這是在成為母親之後,我第一次誠實地面對這一件事:我沒有那麼多的晚上,可以任性地留給自己了。看戲不再只是「今天有沒有空」,而是牽動整個週末的結構,誰應該照顧孩子,我該在什麼時間回到家,隔天還有沒有精神帶小孩⋯⋯於是,我不得不學會一件以前並不擅長的事:挑選。
Thumbnail
在前端開發時,每次遇到 console 錯誤就要去複製、截圖,再交給 AI 處理,真的蠻麻煩的。我自己在本機環境做測試時,每次有錯誤就打開 DevTools 複製錯誤訊息,再貼到 Claude Code……這樣重複操作過很多次。其實使用 Chrome DevTools MCP 就能搞定所有事情。
Thumbnail
在前端開發時,每次遇到 console 錯誤就要去複製、截圖,再交給 AI 處理,真的蠻麻煩的。我自己在本機環境做測試時,每次有錯誤就打開 DevTools 複製錯誤訊息,再貼到 Claude Code……這樣重複操作過很多次。其實使用 Chrome DevTools MCP 就能搞定所有事情。
Thumbnail
見諸參與鄧伯宸口述,鄧湘庭於〈那個大霧的時代〉記述父親回憶,鄧伯宸因故遭受牽連,而案件核心的三人,在鄧伯宸記憶裡:「成立了成大共產黨,他們製作了五星徽章,印刷共產黨宣言——刻鋼板的——他們收集中共空飄的傳單,以及中國共產黨中央委員會有關文化大革命決議文的英文打字稿,另外還有手槍子彈十發。」
Thumbnail
見諸參與鄧伯宸口述,鄧湘庭於〈那個大霧的時代〉記述父親回憶,鄧伯宸因故遭受牽連,而案件核心的三人,在鄧伯宸記憶裡:「成立了成大共產黨,他們製作了五星徽章,印刷共產黨宣言——刻鋼板的——他們收集中共空飄的傳單,以及中國共產黨中央委員會有關文化大革命決議文的英文打字稿,另外還有手槍子彈十發。」
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News