一、

上週，我寫了一篇 Claude Code 接入國產大模型的教程，就有同學問我，為什麼不用 VS Code？

問得好。我習慣命令行了，確實忽略了 VS Code。

今天就補上，我來介紹，如何不用插件在 VS Code 裡面使用 Claude Code。

我真心覺得，Claude Code 比插件好用，所以試試看跳過插件，直接在 VS Code 裡面使用它。

跟以前一樣，這一次 Claude Code 也是接入國產大模型，我選的是 MiniMax M2。它的質量很不錯，而且這周有活動。

二、

這次評測的題目很有趣，我自己都很喜歡。

它是一個老外程序員最近想出來的，已經在國外引起了轟動。

他用了九個著名模型，生成網頁時鐘的動畫，然後把這些動畫放在網站上，網站標題就叫"AI 時鐘"。

說來奇怪，這個測試看上去不難，但是大多數模型生成的效果並不好，有些甚至很差。

舉例來說，下圖是 OpenAI 公司 GPT-5 模型生成的時鐘，讓人無語。

這個時鐘的提示詞如下，大家可以拿來自己測。

Create HTML/CSS of an analog clock showing ${time}. Include numbers (or numerals) if you wish, and have a CSS animated second hand. Make it responsive and use a white background. Return ONLY the HTML/CSS code with no markdown formatting.

翻譯成中文就是：

"創建一個顯示時間 ${time} 的模擬時鐘的 HTML/CSS 代碼。如果需要，可以包含數字，並添加 CSS 動畫秒針。使其具有響應式設計，並使用白色背景。僅返回 HTML/CSS 代碼，不要包含任何 Markdown 格式。"

我也拿它來測試，看看 MiniMax M2 的效果如何。

三、

進入正題之前，我想強調一下，VS Code 與 Claude Code 是兩種截然不同的工具。

VS Code 是 IDE，你是在 IDE 裡面使用 AI。

Claude Code 是命令行工具，你是在終端窗口使用 AI。

它們的特點完全不同。IDE 支持智能感知（intellisense）和自動補全，而命令行支持調用系統工具和腳本，還能自動化集成，以及並行執行。

所以，它們兩個不是替代關係，而是互補關係。你應該根據需要，選擇最合適的工具。

我要演示的方法，正是將 IDE 和命令行結合起來，讓你具有最大的靈活性。

四、

我用來測試的模型是 MiniMax M2，說一下為什麼選擇它。

它是上月底（10月27日）發佈的，很多評測顯示它是編程能力最強的開源模型之一，而且在 OpenRouter 平臺上，它是 Token 調用量最大的國產模型。

我當時對它做了評測，大家還有印象嗎？結論是，它的編程表現超出了我的預期。

但是那個時候，它沒有包月套餐，只能按 API 使用量計費，就讓人不敢多用。

現在不一樣了，上個週末，它突然推出了 Coding Plan 包月套餐，有三檔資費。

最低一檔針對普通強度的使用，首月只要9.9元，（續費29元/月），這就很划算了。

除了這個優惠活動，它還有兩個特點，很適合這篇教程。

（1）兼容性好，接入外部工具很容易。我用它接入 Claude Code 和 VS Code 都非常順利。

官網文檔給出接口示例的工具非常全，包括 Cursor、Cline、Codex、Kilo Code、Droid、Trae、Grok、OpenCode、iFlow 等等。

（2）響應速度、生成速度快。它的 API 服務器，在國內的響應時間一般是幾十毫秒，每秒生成 Token 的數量（即 TPS 指標）超過100，比國外模型快得多。

五、

現在進入正題，首先是一些準備工作，要將 MiniMax M2 接入 Claude Code。

具體步驟就不詳述了，大家按照前一篇教程就可以了。

簡單說，就是新建一個claude-minimax 腳本（下圖），將從 MiniMax M2 官網獲取的接口參數填入。

完成後，可以測試一下，看看能否正常運行。

$ claude-minimax --version

六、

下面就是在 VS Code 使用 Claude Code 生成網頁時鐘的測試。

第一步，新建一個本地目錄作為項目目錄，比如ai-clock。

$ mkdir ai-clock 

然後，在 VS Code 裡面打開這個目錄 ai-clock，作為工作區。

第二步，打開 VS Code 的菜單"終端/新建終端"，在這個終端窗口裡面，輸入 claude-minimax。

$ claude-minimax

這時，窗口會提示你授予權限，同意後，就會進入主界面，大概就是下面這樣。

現在，我們就能在 VS Code 裡面使用命令行的 Claude Code 了。

這時，你既可以使用 IDE 編寫代碼，又可以通過命令行使用 AI 模型，兼得兩者的優勢。

第三步，在 Claude Code 的提示符後面，輸入/init命令，用來在倉庫裡面生成一個 CLAUDE.md 文件，記錄 AI 對這個倉庫操作。

/init

生成結束後，你可以打開看一下 CLAUDE.md 文件（下圖）。

因為我們這個示例倉庫是空的，所以文件裡面沒什麼內容。如果是有現成代碼的倉庫，文件裡面會有 AI 對代碼庫的詳細解析。

這個文件的作用是當作上下文，每次查詢模型時，都會自動附上這個文件，以便模型瞭解代碼庫。

如果在提示框輸入反斜槓，Claude Code 就會顯示所有可用的命令（下圖）。

通過這些命令，我們就能使用 Claude Code 的強大功能，完成各種 AI 操作了。

這一步是 Claude Code 的基礎用法，對所有項目都是通用的。

第四步，在提示框輸入前面的提示詞（下圖），讓模型生成網頁時鐘。

MiniMax M2 思考了不到一分鐘，就生成完畢了（下圖），並且自動把這些代碼寫入文件 index.html。

打開網頁就是下面的效果。

真的很不錯，第一次就能有這樣的效果。鐘面的形狀正確，秒鐘跳動的動畫十分流暢，每秒都在刷新，顯示當前時間。

大家可以使用這個提示詞，自己去生成看看，如果手邊沒有 Claude Code，可以在官網上執行。

也可以查看我得到的完整代碼，複製保存成 HTML 文件，在瀏覽器打開。

七、

從這個測試結果來看，MiniMax M2 的生成結果，無論是橫向對比，還是實際效果，都是令人滿意的。

結合它現在的價格，性價比很高，我認為值得推薦給大家上手嘗試。

最後，轉發一下他們的 Coding Plan 活動的海報，首月9.9元，一杯咖啡的錢，包月使用最新的 AI 編程模型，需要者自取。

（完）