技術成長

VS Code 串接 Token Cafe

如果你想把 Token Cafe 的模型直接接進 VS Code,最順的方式之一是使用 Continue 這類支援 OpenAI Compatible API 的擴充套件。這篇會帶你從後台建立 API Token,到 VS Code 裡完成模型設定,最後確認用量紀錄是否正常出現。

這份教學適合:

  • 想在 VS Code 裡使用 Token Cafe 模型輔助寫程式的人
  • 想用自己的 API Token 管理模型呼叫的人
  • 想確認串接後是否真的有成功扣用量、產生紀錄的人

一、在 Token Cafe 建立 API Token

先進入 Token Cafe 的使用者中心,找到 Tokens / API Token 管理頁,點擊「新建 Token」。

Token Cafe Tokens 頁面,點擊新建 Token

Token Cafe Tokens 頁面,點擊新建 Token

替這組 Token 命名。建議用清楚的用途命名,例如 VS Code Continue、本機開發測試,之後比較容易管理。

填入 Token 名稱並建立

填入 Token 名稱並建立

建立完成後,系統會顯示 API Key。請立刻複製並妥善保存,因為這類金鑰通常只會完整顯示一次。

Token 建立完成後複製 API Key

Token 建立完成後複製 API Key

小提醒:API Key 等同於你的模型呼叫權限,不要貼到公開 GitHub、截圖公開分享,或放進前端程式碼裡。

二、打開串接文件與 VS Code

如果你需要確認 API Base URL 或模型格式,可以先打開 Token Cafe 的「編程工具接入」說明頁。

Token Cafe 編程工具接入頁

Token Cafe 編程工具接入頁

接著打開 VS Code,準備安裝 Continue 擴充套件。

開啟 VS Code

開啟 VS Code

三、安裝 Continue 擴充套件

在 VS Code 左側點擊 Extensions 擴充套件入口。

打開 VS Code Extensions

打開 VS Code Extensions

搜尋 Continue。

搜尋 Continue 擴充套件

搜尋 Continue 擴充套件

找到 Continue 後點擊安裝。

安裝 Continue 擴充套件

安裝 Continue 擴充套件

四、設定 Token Cafe 模型

安裝完成後,Continue 會引導你新增模型或供應商設定。你可以先輸入一個容易辨識的名稱,例如 Token Cafe。

輸入模型或供應商名稱

輸入模型或供應商名稱

接著貼上剛才在 Token Cafe 後台產生的 API Key。

貼上 Token Cafe API Key

貼上 Token Cafe API Key

API 類型請選擇 Chat Completions,因為 Token Cafe 的 OpenAI Compatible API 使用這類對話格式。

選擇 Chat Completions API

選擇 Chat Completions API

如果 Continue 需要你手動編輯設定檔,可以參考下面這個範例。實際使用時,請把 piKey 換成你自己的金鑰,model 換成你後台可使用的模型名稱。

{
  "name": "Token Cafe",
  "provider": "openai",
  "apiBase": "https://api.aciemind.com/v1",
  "apiKey": "sk-cafe-...",
  "model": "claude-haiku-4-5",
  "roles": ["chat", "edit", "apply"],
  "defaultCompletionOptions": {
    "contextLength": 120000,
    "maxOutputTokens": 12000
  }
}

在 Continue 設定檔中編輯模型設定

在 Continue 設定檔中編輯模型設定

最重要的是確認這兩個欄位:

設定 apiBase 與 model

設定 apiBase 與 model

五、選擇模型並測試

回到 Continue 介面,打開模型選單。

打開 Continue 模型選單

打開 Continue 模型選單

選擇剛剛建立好的模型,例如 claude-haiku-4-5。

選擇已設定好的模型

選擇已設定好的模型

接著在 VS Code 裡輸入一段簡單問題,例如請模型解釋程式碼、產生一個函式,或協助重構。只要能正常回覆,就代表串接基本完成。

在 VS Code 中測試模型回覆

在 VS Code 中測試模型回覆

六、回到 Token Cafe 檢查用量

最後回到 Token Cafe 的用量頁,確認是否有出現剛才的模型呼叫紀錄。這一步很重要,因為它能幫你確認:

  • API Key 有成功使用
  • 模型名稱設定正確
  • 請求有進入 Token Cafe 系統
  • 後續費用與用量紀錄可以正常追蹤

在 Token Cafe 用量頁確認呼叫紀錄

在 Token Cafe 用量頁確認呼叫紀錄

常見問題

1. 出現 invalid token

通常代表 API Key 貼錯、少貼字元,或使用了已刪除 / 已停用的 Token。請回後台重新建立一組 Token 再試一次。

2. 出現 model not allowed

代表你設定的模型名稱不在可用清單裡,或目前帳號沒有該模型權限。請回到模型清單確認可用名稱。

3. 沒有用量紀錄

可以先確認 Continue 裡的 piBase 是否為 https://api.aciemind.com/v1,以及模型是否真的有成功回覆。如果 VS Code 沒有成功收到回覆,通常也不會產生正常用量紀錄。

總結

完成以上設定後,你就可以直接在 VS Code 裡使用 Token Cafe 的模型來輔助開發。我的建議是:開發測試時先使用成本較低、速度較快的模型;遇到複雜重構、架構設計或長上下文任務時,再切換到能力更強的模型。這樣既能保持效率,也比較容易控制成本。

完整平台文檔版也可以參考:Token Cafe × VS Code 串接教學

支持

拍手支持

喜歡這篇就拍幾下,每位讀者最多 10 次。

本次還可拍 10 次

留言

發表留言

留言需審核後才會顯示。