# **【Vscode Vide Coding 助手：Continue 插件、終端機官方 Claude CLI 安裝】**

:::info
- Continue 插件
- 終端機官方 Claude CLI 安裝
- 試試做新專案
- 查看 token 用量＆花費
:::

<br/>

## Continue 插件

因為不習慣使用 Cursor，我想在 Vscode 作業，找到了一個插件 Continue，它可以配置大型語言模型的api key，地端的 ollma 也可以使用


安裝好後 CTRL+SHIFT+P
右邊會出現畫面

點開model，有兩種配置的方式
直接點＋add Chat model

或是點右上齒輪，打開yaml檔
如果想配置的 model 沒出現在選項，就要用這個方式


通常我會拖曳到左邊，方便同時查看

現在開啟特定資料夾
上面＠相關檔案

更改內容


<br/>

## 終端機官方 Claude CLI 安裝
這裡也在 Vscode 安裝官方的 Claude CLI

[ANTHROPIC](https://docs.anthropic.com/zh-TW/docs/agents-and-tools/claude-code/overview)

先檢查這些配置是不是都有安裝

which git && which python3 && which pip3 && which curl


npm install -g @anthropic-ai/claude-code

會直接打開 Claude CLI 介面

claude

預設是黑底

如果是月訂閱選1
我只有買API KEY，選2 Console account

瀏覽器會自動打開，授權後會到這個畫面

選擇「No」的話，系統會：
啟動瀏覽器登入畫面
-> 用 Anthropic Console 或 Claude 訂閱帳戶 做 OAuth 認證
-> 不需要手動設定 API 金鑰，系統自動配置


開始讀取資料夾

/init


沒發現沒有cd到資料夾...整個都分析了，token狂燒

先退出

/exit

cd 進資料夾，再跑一次，請它解釋既有的專案



<br/>

### 試試做新專案
開了一個新的資料夾，自然語言跟它說開發需求

/create README.md


給了一些想法讓它自己來

/create splitter

結構比我給的範文完整很多！再微調即可

朋友在做APP
請它試著 code 出一個類似的


做完真的太震驚了！花費大約 5.8 USD + 1個小時
只差掛 db 和一些邏輯，完成度很高

<br/>

## 查看 token 用量＆花費

進到 [anthropic dashboard](https://console.anthropic.com/usage) 看用量和花費


分享到這，現在真的是個有想法就能實踐的 Vide Coding Gen ❣️