告別 AI 幻覺!在 Google Antigravity 使用 Context7 的完整指南:即時文件注入與設定教學

Josh-avatar-img
發佈於AI
更新 發佈閱讀 5 分鐘
raw-image

為什麼 AI 寫程式總是「瞎掰」?

使用 AI 輔助寫程式時,你是否遇過以下痛點?

  1. API 幻覺:AI 自信地呼叫了一個根本不存在的函式(例如 function_that_does_not_exist())。
  2. 版本過時:你在用 Next.js 15,AI 卻還在寫 Next.js 12 的語法。
  3. 除錯地獄:因為 AI 不知道最新的庫變更,導致你花更多時間在修正它的錯誤。

這就是 Context7 登場的時刻。它是一個由 Upstash 開發的 MCP (Model Context Protocol) 伺服器,簡單來說,它是 AI 的「即時技術文件圖書館」。當你詢問某個套件用法時,Context7 會即時抓取最新的官方文件並注入給 AI,讓 AI 根據「現在的事實」寫程式,而不是依賴「過去的訓練資料」。

如何在 Google Antigravity 上安裝 Context7

Google Antigravity 是一款 Agent-first 的 IDE,原生支援 MCP 協議,設定 Context7 非常簡單:

步驟一:開啟 MCP 設定

  1. 打開 Antigravity IDE。
  2. 找到右側的 Agent 面板(對話視窗)。
  3. 點擊面板上方的 ... (更多選項) 按鈕,選擇 "MCP Servers"
  4. 點擊 "Manage MCP Servers",接著選擇 "View raw config" 來編輯 mcp_config.json 檔案。

步驟二:加入 Context7 設定

在設定檔的 mcpServers 區塊中,貼上以下 JSON 程式碼:

{
"mcpServers": {
"context7": {
"command": "npx",
"args": [
"-y",
"@upstash/context7-mcp",
"--api-key",
"<YOUR_CONTEXT7_API_KEY>"
]
}
}
}

小提醒:你需要先去 Context7 官網註冊取得 API Key。雖然有免費額度,但填入 Key 能確保更穩定的體驗。


設定檔解析:要不要填 API Key?

在設定 args 參數時,你可能會看到兩種寫法。這兩者的差異主要在於「穩定性」與「安全性」,請根據你的使用場景選擇:

設定 A:包含 API Key(推薦個人開發)

寫法"args": [ "-y", "@upstash/context7-mcp", "--api-key", "<YOUR_KEY>" ]

  • 穩定性:高。享有專屬的使用配額,請求經過驗證,不易被阻擋。
  • 安全性:低。Key 直接寫死在檔案中,若上傳到 GitHub 會導致洩漏。
  • 適合場景:個人本地開發、不公開原始碼的專案。

設定 B:省略 API Key(適合公開專案)

寫法"args": [ "-y", "@upstash/context7-mcp" ]

  • 穩定性:低。會以「匿名模式」運行,通常配額極低,容易因為太多人使用而遇到 429 (Too Many Requests) 錯誤。
  • 安全性:高。檔案內沒有敏感資訊。
  • 進階技巧:雖然設定檔沒寫,但若你在電腦系統環境變數中設定了 CONTEXT7_API_KEY,程式通常也能自動讀取。這是最推薦的「安全且穩定」做法。

實際使用方式

安裝完畢後,Context7 會在背景待命。你只需要在對話框中使用關鍵字即可:

方法:手動觸發 在 Prompt 結尾加上 use context7

範例:「幫我寫一個 Next.js 15 的 Middleware 來處理身分驗證,use context7。」

此時,你會看到 Antigravity 的思考過程出現 resolve-library-idget-library-docs 的動作,代表它正在查閱最新文件。這能確保你拿到的程式碼是現在可以用的,大幅減少試錯時間。

現在就去試試看,讓你的 AI 助手升級為「連網版」的超級工程師吧!

留言
avatar-img
Josh的沙龍
5會員
69內容數
分享知識
你可能也想看
Thumbnail
我每週都會為自己設計一趟小旅行,像是給日常的一個深呼吸。準備著簡單的行李,在導航上設定好今天想去的地方,播放一張剛好符合心情的歌單,一場逃離日常的小旅行就此展開。 說走就走的自由很浪漫,但背後的現實是,從加油、路途中補給、到抵達目的地的小花費,每一筆都需要精打細算,才能不讓放鬆變成負擔。好在有玉山
Thumbnail
我每週都會為自己設計一趟小旅行,像是給日常的一個深呼吸。準備著簡單的行李,在導航上設定好今天想去的地方,播放一張剛好符合心情的歌單,一場逃離日常的小旅行就此展開。 說走就走的自由很浪漫,但背後的現實是,從加油、路途中補給、到抵達目的地的小花費,每一筆都需要精打細算,才能不讓放鬆變成負擔。好在有玉山
Thumbnail
本文介紹玉山銀行推出的玉山 Unicard,是一張非常符合「小資族、學生、上班族都好上手」的高回饋信用卡!三種回饋方案自由切換,行動支付、百貨、旅遊、百大指定通路全面涵蓋,新戶最高享 7.5% 回饋。回饋透明、操作簡單,非常推薦學生、小資族與上班族。
Thumbnail
本文介紹玉山銀行推出的玉山 Unicard,是一張非常符合「小資族、學生、上班族都好上手」的高回饋信用卡!三種回饋方案自由切換,行動支付、百貨、旅遊、百大指定通路全面涵蓋,新戶最高享 7.5% 回饋。回饋透明、操作簡單,非常推薦學生、小資族與上班族。
Thumbnail
信用卡如今已是現代人日常消費的必需品。回顧其誕生,竟源於一段用餐忘記帶錢的窘境。本文將帶您瞭解信用卡的故事,並介紹「玉山Unicard」,一張涵蓋百大通路、提供彈性回饋的信用卡,尤其適合追求方便與高回饋的消費者。文章將分享誠品生活、全盈+PAY等實際使用情境,並提供新戶申辦優惠資訊。
Thumbnail
信用卡如今已是現代人日常消費的必需品。回顧其誕生,竟源於一段用餐忘記帶錢的窘境。本文將帶您瞭解信用卡的故事,並介紹「玉山Unicard」,一張涵蓋百大通路、提供彈性回饋的信用卡,尤其適合追求方便與高回饋的消費者。文章將分享誠品生活、全盈+PAY等實際使用情境,並提供新戶申辦優惠資訊。
Thumbnail
玉山銀行新推出的Unicard信用卡你發現了嗎?主打可透過玉山Wallet App,每月自由切換簡單選、任意選及UP選三種方案,讓你依照消費習慣擁有不同的回饋方案。其中我自己很喜歡它百大指定消費中的Line Pay行動支付,能讓我以最簡單的方式獲得最高的回饋!同時文中更分享我實測的眉角,快來看下去!
Thumbnail
玉山銀行新推出的Unicard信用卡你發現了嗎?主打可透過玉山Wallet App,每月自由切換簡單選、任意選及UP選三種方案,讓你依照消費習慣擁有不同的回饋方案。其中我自己很喜歡它百大指定消費中的Line Pay行動支付,能讓我以最簡單的方式獲得最高的回饋!同時文中更分享我實測的眉角,快來看下去!
Thumbnail
這兩年 AI 的發展真的快到讓人眼花撩亂,身為一個喜歡在工作之餘研究新科技、讓生活更便利的人,Google Gemini 絕對是我筆記本裡最重要的一頁。 回想起它剛推出的時候,到現在變成我們手機裡隨傳隨到的好幫手,這段「進化史」其實蠻精彩的。今天就用比較輕鬆的方式,跟大家聊聊我眼中的 Gemi
Thumbnail
這兩年 AI 的發展真的快到讓人眼花撩亂,身為一個喜歡在工作之餘研究新科技、讓生活更便利的人,Google Gemini 絕對是我筆記本裡最重要的一頁。 回想起它剛推出的時候,到現在變成我們手機裡隨傳隨到的好幫手,這段「進化史」其實蠻精彩的。今天就用比較輕鬆的方式,跟大家聊聊我眼中的 Gemi
Thumbnail
這 5 個工具可以幫你創作動畫、自動化工作、回答問題、提升 Instagram 技能和簡化網站分析。 AI 技術正在改變我們生活的方方面面,包括創意、工作和學習。 本週,我們來看看 5 個令人驚奇的未來工具,它們可以幫你做夢成真。
Thumbnail
這 5 個工具可以幫你創作動畫、自動化工作、回答問題、提升 Instagram 技能和簡化網站分析。 AI 技術正在改變我們生活的方方面面,包括創意、工作和學習。 本週,我們來看看 5 個令人驚奇的未來工具,它們可以幫你做夢成真。
Thumbnail
近日,我們推出了全新的AI 反向影像搜尋功能,為用戶提供更準確的搜尋結果。與其他僅能辨識表面級模式和顏色的圖庫技術不同,我們的反向影像搜尋利用AI 技術來理解影像背後的上下文,從而提供更準確的搜尋結果。快來試試看,告訴我們您的體驗!
Thumbnail
近日,我們推出了全新的AI 反向影像搜尋功能,為用戶提供更準確的搜尋結果。與其他僅能辨識表面級模式和顏色的圖庫技術不同,我們的反向影像搜尋利用AI 技術來理解影像背後的上下文,從而提供更準確的搜尋結果。快來試試看,告訴我們您的體驗!
Thumbnail
BassaGPT 是由Bassam.AI 建構的革命性語言模型。它基於GPT 模型的原理,是一個生成式語言模型,已經在大量資料上進行了預訓練,並進行了特定任務的微調。
Thumbnail
BassaGPT 是由Bassam.AI 建構的革命性語言模型。它基於GPT 模型的原理,是一個生成式語言模型,已經在大量資料上進行了預訓練,並進行了特定任務的微調。
Thumbnail
Meet Audiogest — 借助人工智慧實現轉錄。享受註冊時的 40 分鐘免費試用,使用 Whisper 和 Pyannote 進行說話人分離,並使用 GPT-4 生成摘要。沒有訂閱費,只需提前充值積分,方便快捷。立即簡化您的音訊任務。
Thumbnail
Meet Audiogest — 借助人工智慧實現轉錄。享受註冊時的 40 分鐘免費試用,使用 Whisper 和 Pyannote 進行說話人分離,並使用 GPT-4 生成摘要。沒有訂閱費,只需提前充值積分,方便快捷。立即簡化您的音訊任務。
Thumbnail
1. http:// Postwise.ai - 用於編寫推文和排程的人工智慧 2. http:// Stockimg.ai - 用於設計圖像的人工智慧 3. http:// Simplified.com - 免費的 AI 文案工具 4. http:// You.com - 免費的聊天GPT替
Thumbnail
1. http:// Postwise.ai - 用於編寫推文和排程的人工智慧 2. http:// Stockimg.ai - 用於設計圖像的人工智慧 3. http:// Simplified.com - 免費的 AI 文案工具 4. http:// You.com - 免費的聊天GPT替
Thumbnail
推薦一款可以免費進行AI視頻換臉和圖片換臉的工具,非常好用,名字叫Swapface,它只有windows端,登錄註冊後即可使用,每天有10次免費的換臉次數,我覺得已經完全夠用。不管是直播換臉,還是一段視頻更換上自己的臉,或者是傳統的圖片換臉,這款Swapface都有很好的效果。快去試試看吧!效果霸群
Thumbnail
推薦一款可以免費進行AI視頻換臉和圖片換臉的工具,非常好用,名字叫Swapface,它只有windows端,登錄註冊後即可使用,每天有10次免費的換臉次數,我覺得已經完全夠用。不管是直播換臉,還是一段視頻更換上自己的臉,或者是傳統的圖片換臉,這款Swapface都有很好的效果。快去試試看吧!效果霸群
Thumbnail
1.創建您的 AI:http:// wnr.ai 2.會議摘要: http:// tldv.io 3.您的搜索助手:http:// perplexity.ai 4.輕鬆創建演示文稿: http:// presentations.ai
Thumbnail
1.創建您的 AI:http:// wnr.ai 2.會議摘要: http:// tldv.io 3.您的搜索助手:http:// perplexity.ai 4.輕鬆創建演示文稿: http:// presentations.ai
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News