VS Code 設定ガイド
VS Code + ClineをOpenAI Compatible設定でLLM API Gatewayへ接続します。
**目的：**VS CodeにClineをインストールし、OpenAI Compatible 方式でLLM API Gatewayへ接続します。設定後は、VS Code上でAIにコードの読み取りや編集、コマンド作成、エラー解説を依頼できます。
| 設定項目 | 入力内容 | 備考 |
|---|---|---|
| API Provider | OpenAI Compatible | ClineはOpenAI互換プロバイダーに正式対応しています。 |
| Base URL | https://api.llm-token.cn/v1 | 完全な /chat/completions パスは入力しません。 |
| API Key | sk-xxxxxxxx | Keyを省略せず貼り付けます。 |
| Model ID | モデル一覧から完全なモデル名をコピー | Model Not Foundエラーの多くは、この項目の入力ミスが原因です。 |
1. 事前準備
- VS Codeをインストールします：https://code.visualstudio.com/
- Gitをインストールします：https://git-scm.com/downloads
- Windowsでは、Gitのインストール後にPCを再起動し、環境変数を反映させることを推奨します。
2. Cline拡張機能をインストールする
- VS Codeを開き、左側の Extensions をクリックします。
- Clineを検索し、Installをクリックします。
- インストール後、左側にClineのアイコンが表示されます。
- アイコンが表示されない場合は、VS Codeを再起動します。
VS CodeのExtensions画面
3. Clineの設定を開く
左側のClineアイコンをクリックし、Clineパネルから設定を開きます。
VS CodeのCline初期設定画面
VS CodeのCline API Configuration画面
4. LLM API Gatewayの接続情報を入力する
- API Provider：****OpenAI Compatibleを選びます。
- Base URL：
https://api.llm-token.cn/v1を入力します。 - API Key：
sk-で始まるKeyを貼り付けます。 - Model ID：
claude-sonnet-4-6などの完全なモデルIDを入力します。 - 設定を保存し、新しいタスクでテストします。
**保存時にエラーが表示される場合：**Base URLが https://api.llm-token.cn/v1/chat/completions になっていないことを確認します。ClineにはAPIのルートパスである /v1 を入力します。
5. テストとトラブルシューティング
| 症状 | 対処方法 |
|---|---|
| URLを入力できない | 通常のOpenAI公式プロバイダーではなく、OpenAI Compatibleを選んでいることを確認します。 |
| Model Not Found | モデルIDをモデル一覧と完全に一致させます。 |
| 接続に失敗する | Key、Base URL、ネットワークプロキシを確認します。社内や学校のネットワークでは、スマートフォンのテザリングでもテストしてください。 |
| Clineのアイコンがない | VS Codeを再起動します。表示されない場合は拡張機能を再インストールしてください。 |