VS Code で Continue をインストールする: 完全セットアップガイド

Continue.devとClineを統合することで、VS CodeをオープンソースのAI支援型IDEへと変革する。
config.yamlファイルを使用したモデルのカスタム設定、およびGroqやOpenRouterなどのプロバイダーからのAPIキーの使用。
開発を最適化するために、オートコンプリート機能、コンテキストチャット、クイック編集、および自律型エージェントを実装する。
プライバシーを確保し、オフラインでも動作するように、言語モデルをローカルで実行できる機能。

VS Code に Continue と Cline をインストールして構成します

きっとあなたにも経験があるでしょう。コーディングをしていると、突然使用しているAIアシスタントの動作が遅くなったり、文脈を理解できなくなったり、プロジェクトとは全く関係のない変更を提案し始めたりします。カーソルウィンドサーフィンやその他の類似製品にはこれらの機能が標準装備されていますが、コンテキストに応じたチャット、オートコンプリート、コードを修正できるエージェントを利用するために、Visual Studio Codeから離れる必要はありません。.

ContinueとClineは、VS CodeにさまざまなAIモデルを組み込むことができる2つのオープンソース拡張機能です。どちらもクラウドプロバイダー、OpenRouterなどのゲートウェイ、および特定のローカルモデルサーバーと連携できます。

一緒にインストールすることもできますが、 ContinueとClineは必ずしも必須の組み合わせではありません。両者の機能はいくつかの点で重複しており、特にContinueには独自のAgentモードが搭載されているため、その傾向は顕著です。どちらを選ぶべきかは、オートコンプリートとコンテキスト編集を主眼とするか、複数ステップのタスク完了に特化したAgentを求めるかによって異なります。

VS CodeにClineをインストールする方法：ステップバイステップのセットアップガイド

続行するか、クラインするか：どちらの拡張機能を使用すべきですか？

継続 vs クライン

Continueは、エディタ内でかなり包括的な操作性を提供します。オートコンプリート、チャット、スニペット編集、スケジュール設定、そしてファイルの読み込み、コードの変更、ツールの実行が可能なエージェントモードなどが含まれています。

Clineはよりエージェント指向です。プロジェクトの探索、計画の作成、各種ファイルの編集、ターミナルコマンドの実行、タスクの結果の確認などが可能です。

特徴	続く	クライン
入力時に自動補完	うん	それはその主な機能ではない
コンテキストチャット	うん	うん
指示に従って編集する	うん	うん
計画モード	うん	うん
ツールを備えたエージェント	うん	うん
コマンド実行	エージェントモードで利用可能	その主な機能の1つ
YAMLを使用した設定	うん	通常の設定は、コントロールパネルから行います。
ローカルモデル	Ollama、LM Studio、およびその他の互換性のあるプロバイダー	Ollama、LM Studio、およびその他の互換性のあるエンドポイント

主に オートコンプリート、チャット、および軽微な編集Continueはワークフロー全体をカバーできます。タスク全体を委任し、エージェントがファイルを作成したりコマンドを実行したりする様子を監視したい場合は、Clineが特に便利です。

両方をインストールして、オートコンプリートにはContinueを、エージェントタスクにはClineを使用することもできます。その場合、同じファイルに対して2つのエージェントを同時に開いたままにしないでください。競合する変更が発生する可能性があります。

Visual Studio CodeにContinueをインストールする方法

VS Code拡張機能セクションを開くには、 Ctrl + Shift + X そして検索続く該当するボタンをクリックする前に、公式の拡張機能をインストールしていることを確認してください。

インストール後、アクティビティバーに新しいアイコンが表示されます。このパネルをセカンダリサイドバーに移動すると、ファイルエクスプローラーを左側に、アシスタントを右側に表示させることができます。

ローカルの「続行」設定はユーザープロファイルに保存されます。一般的な保存先パスは以下のとおりです。

ウィンドウズ: %USERPROFILE%\.continue\config.yaml
LinuxとmacOS： ~/.continue/config.yaml

したがって、フォルダ .continue 通常、各プロジェクトのルートディレクトリには作成されません。ユーザーのホームディレクトリ内に配置されます。

設定は「続行」パネルから直接開くことができます。 Ctrl + L会話ボックスの上にあるセレクターを開き、ローカル設定に対応する歯車アイコンを使用してください。

Continueが推奨する起動プロセスでは、アカウントを使用してプラットフォームの設定とリソースにアクセスします。ただし、ローカルインストールを設定し、自分のコンピューターにホストされているテンプレートを使用してオフラインで作業することも可能です。

設定方法 config.yaml を引き続き使用してください

ファイル config.yaml 利用可能なモデル、ルール、ツール、コンテキストソースを決定します。旧フォーマット config.json これは旧式なので、新規インストールではYAMLを使用することをお勧めします。

限定コンテンツ - ここをクリックしてください Paperless-ngx完全ガイド：インストールと文書管理

OpenRouterの基本的な設定は、次のような構造になる場合があります。

name: Mi asistente
version: 1.0.0
schema: v1

models:
  - name: Modelo de programación
    provider: openrouter
    model: <ID_DEL_MODELO>
    apiKey: <TU_API_KEY>
    roles:
      - chat
      - edit
      - apply

rules:
  - Responde en español.
  - Respeta el estilo y la estructura existentes.
  - No modifiques archivos que no estén relacionados con la tarea.

置き換え <ID_DEL_MODELO> OpenRouterが公開している正確な識別子を使用し、有効なキーを追加してください。認証情報を含むファイルをGitHubにアップロードしたり、公開したりしないでください。

各モデルの主な特性は以下のとおりです。

name：続行セレクターに表示される名前。
provider: 使用されたサプライヤー、例: openrouter, groq, ollama o lmstudio.
model: そのサプライヤーにおける正確なモデル識別子。
apiKeyAPIを使用するために必要な認証情報。
roles: モデルに割り当てられた関数。

Continueでは、タスクごとに異なるモデルを使用できます。利用可能な役割は以下のとおりです。 chat, edit, apply, autocomplete, embed y rerank.

例えば、オートコンプリート専用の高速モデルを予約することができます。

models:
  - name: Autocompletado local
    provider: ollama
    model: qwen3:4b
    roles:
      - autocomplete
    requestOptions:
      extraBodyProperties:
        think: false
    autocompleteOptions:
      debounceDelay: 250
      maxPromptTokens: 1024
      onlyMyCode: true

表示されているモデルはあくまで一例です。必ず、お使いのコンピューターにインストールされているバージョンに対してContinueが推奨するモデルと、お使いのコンピューターで正常に動作するモデルを確認してください。

LM Studio完全ガイド：PCでローカルAIを使いこなす方法

Continueにルールとコンテキストを追加する方法

古いパラメータ systemMessage これは現在の計画の一部ではありません config.yaml永続的な指示を与えるには、 rules.

rules:
  - Utiliza TypeScript en lugar de JavaScript cuando sea posible.
  - No añadas dependencias sin pedir autorización.
  - Escribe pruebas para cada función nueva.
  - Mantén las respuestas breves y explica los cambios importantes.

これらのルールは、チャット、編集、エージェントのリクエストに組み込まれています。また、作業環境ごとに異なる指示を設定したい場合は、個別のファイルから読み込むこともできます。

セクション context 追加の情報源を宣言できます。

context:
  - provider: file
  - provider: code
  - provider: diff
  - provider: terminal

Continueでは、コンテキストコントロールを使用して、ファイル、選択したコード、その他のソースを手動で追加することもできます。送信する情報が多いほどトークンの消費量が増える可能性があるため、タスクを完了するために必要な情報のみを含めることをお勧めします。

GroqとOpenRouter：どちらのプロバイダーを選ぶべきか？

GroqとOpenRouterは異なる機能を持つ。Groqは、管理するモデルに対して低遅延の応答を提供する推論プロバイダである。一方、OpenRouterは、多数のプロバイダのモデルへの統一的なアクセスを提供するゲートウェイである。

特徴	グロク	オープンルーター
カタログ	対応機種は限られています	非常に広範なサプライヤーカタログ
スピード	その主な強みの1つは	それは選択したモデルとサプライヤーによって異なります。
無料レベル	利用制限付きで利用可能	無料テンプレートとバリエーション `:free` 制限付き
ビジネスモデル	彼らはGroqのカタログに依存している	数多くのビジネスモデルへのアクセス
可用性	モデルの割り当て量に従う	異なるプロバイダー間のルーティングを提供できます

Mixtral、Gemma、その他のモデルをGroqの常時提供製品であるかのように掲載することは推奨されません。カタログの内容や制限事項は変更される可能性があります。ContinueまたはClineを設定する前に、サプライヤーのコンソールで利用可能なモデルを確認してください。

Groqの無料プランはテストや軽量プロジェクトには便利ですが、リクエスト数とトークン数に制限があります。継続的なワークロード向けの無料かつ無制限のサービスとは考えない方が良いでしょう。

OpenRouterには有料版と無料版の両方があります。また、互換性のあるモデルを自動的に選択する無料ルーターも提供していますが、その可用性、遅延、および制限事項は、すべてのプログラミング作業に適しているとは限りません。

コードの自動補完には、通常、小型で高速かつ特化したモデルが望ましい。複雑なリファクタリングや複数ステップのエージェントには、より優れた推論能力、十分なコンテキストウィンドウ、およびツール互換性を備えたモデルが一般的に適している。

ローカルAIを使ってプログラミングするために、LM StudioをVS Codeに接続する方法

Continueの主な機能の使い方

オートコンプリート

「続ける」をクリックすると、入力中にオンラインのコード候補が表示されます。 Tab 提案全体を受け入れ、 Esc それを排除するため。

限定コンテンツ - ここをクリックしてください ElevenLabsのサブスクリプションをキャンセルし、請求に関する問題を解決する方法

VS Codeにショートカットを設定して、候補の次の行を承認することもできますが、これは単語ごとに自動的に承認する組み込み機能とは異なります。

コンテキストチャット

プレス Ctrl + L 新しい会話を開始するには、コードを選択してください。コードを選択済みの場合、「続行」をクリックすると、そのコードがチャットに直接追加されます。

近道 Ctrl + Shift + L これにより、選択した内容を現在のチャットに追加できます。また、インターフェースからファイルやその他のコンテキストソースを添付することもできます。

編集モード

変更したいコードを選択して押してください Ctrl + I「このロジックを関数に抽出して型を追加する」といったステートメントを記述すると、Continueは変更を適用する前に比較結果を表示します。

このモードは、限定的なリファクタリング、ドキュメント作成、バグ修正、または言語間の変換に適しています。

プランモード

プラン機能を使用すると、変更を承認することなくプロジェクトを分析し、戦略を策定できます。移行、大規模なリファクタリング、または範囲がまだ明確でないタスクの前に使用することをお勧めします。

エージェントモード

エージェントモードでは、ファイルの読み込み、コードの作成、プロジェクトの変更、ツールの実行が可能です。正しく使用するには、選択したモデルが必要な機能、特にツール呼び出しとの互換性を備えている必要があります。

特定のアクションを実行する前に、必ず承認を要求してください。提案された変更、特に依存関係、構成ファイル、データベース、またはシステムコマンドに影響を与える変更については、必ず内容を確認してください。

VS CodeにClineをインストールして設定する方法

拡張機能を開くには、 Ctrl + Shift + X、求める クライン 公式拡張機能をインストールしてください。その後、サイドバーからそのパネルを開きます。

Clineのドキュメントでは、プロジェクトブラウザを左側に表示したまま、パネルを右側のサイドバーに移動することを推奨しています。この手順は必須ではありませんが、エージェントが変更するファイルをより簡単に監視できるようになります。

Clineの設定では、モデルにアクセスするためのいくつかの方法を選択できます。

クライン: 利用量に応じた課金とクレジット制を組み合わせた統合アクセス。
クラインパス： 一部モデルは定期購入が必要です。
独自のAPIキー： OpenRouter、Groq、その他のプロバイダーと直接接続できます。
ローカルモデル： Ollama、LM Studio、またはその他の互換性のあるエンドポイントとの接続。

Clineは、アカウントをお持ちのユーザー向けに、無料モデルを提供するキャンペーンを定期的に実施しています。これらのキャンペーンは定期的に変更され、提供期間も限られており、予告なく変更される場合があります。そのため、Claude 3.7などの特定のモデルの無料トライアルが常に利用できるとは限りませんのでご注意ください。

OpenRouterを使用するには、Clineの設定を開き、該当するプロバイダを選択し、APIキーを貼り付けて、利用可能なモデルのいずれかを選択します。Groqの場合も同様の手順です。

Clineがプランモードとアクトモードでどのように動作するか

En プランモードClineはプロジェクトを分析し、戦略を提案しますが、ファイルを変更することはありません。Clineは、プロジェクト開始前に要件を明確にし、スコープを確認するために使用できます。

En 動作モードClineはファイルの作成や編集、コマンドの実行が可能です。デフォルトでは、各操作が表示され、承認または拒否するまで待機します。

また、特定のアクションの確認を省略できる自動承認機能もあります。ただし、使用には注意が必要です。プロジェクト外のターミナルコマンドや変更を自動的に承認すると、リスクが大幅に増加します。

チェックポイントを使用すると、タスクで予期しない結果が発生した場合に、以前の状態に簡単に戻すことができます。ただし、チェックポイントはGitやプロジェクトのバックアップの代わりになるものではありません。

ContinueとClineでローカルモデルを使用する方法

ContinueとClineは、OllamaやLM Studioなどのローカルサーバーに接続できます。これにより、外部サービスへの依存度が軽減され、クラウドAPIにコードを送信することなく作業を進めることができます。

クラインにおける一般的な手順は以下のとおりです。

OllamaまたはLM Studioをインストールしてください。
適切なプログラミングテンプレートをダウンロードしてください。
ローカルサーバーを起動します。
Clineの設定を開きます。
プロバイダーとしてOllamaまたはLM Studioを選択してください。
URLと検出されたモデルを確認してください。

デフォルトのアドレスは通常次のとおりです。

Ollama: http://localhost:11434
LM Studio: http://localhost:1234

Continueでは、LM Studioは通常以下を使用します。

http://localhost:1234/v1

ローカルエージェントを実行するには、単に会話を行うよりも多くのリソースが必要です。目安として、クライン氏は、小規模または量子化されたモデルは16～32GB程度のRAMを搭載したシステムに、中規模のモデルは32～64GBのシステムに、そして大規模なモデルはそれ以上のRAMを搭載したシステムに配置すると述べています。

限定コンテンツ - ここをクリックしてください Android版Gemini Intelligence：対応機種、実際の要件、そして対象外となる機種

GPUとVRAMも速度に大きく影響します。さらに、モデルは指示に従い、信頼性の高いコードを生成し、ツールを正しく使用する必要があります。チャットボットとして優れた性能を発揮するモデルでも、人間のエージェントとして優れた性能を発揮するとは限りません。

プライバシーは、モデルがローカルであることだけに依存するものではありません。テレメトリ、インストールされている拡張機能、およびコンピュータ外部に情報を送信する可能性のある外部ツールを確認してください。

Ollamaは、ローカルモデルを実行するための最もよく使われるオプションの1つです。ただし、利用可能なハードウェアに応じて、サイズと量子化方式を選択する必要があります。

Ollamaで複数のモデルを競合なく管理するための完全ガイド

エージェントのスケジュール管理コストを管理する方法

エージェントは通常、従来のチャットよりも多くのトークンを消費します。タスクを完了するために、エージェントは多数のファイルを読み込み、プランを生成し、ツールを実行し、結果を確認し、モデルへの呼び出しを複数回繰り返す場合があります。

予期せぬ出費を避けるために：

OpenRouterまたは該当するプロバイダで制限を設定してください。
簡単な作業には経済モデルを使用しましょう。
分析対象が1つのファイルだけの場合は、リポジトリ全体を添付しないでください。
大きなタスクを検証可能な目標に分解する。
集中的な推論モデルを使用する前に、推定コストを確認してください。
同じコマンドを延々と繰り返す修正ループは避けてください。
最初は計画モードで開始し、目標が明確になったらエージェントモードまたは実行モードに切り替えてください。

ContinueまたはClineを使用する前の安全上の注意事項

これらの拡張機能はソースコードにアクセスでき、エージェントモードではコンピュータ内でアクションを実行できます。実際のプロジェクトで使用する前に、以下の点を確認してください。

リポジトリにアップロードするファイルにキーを直接貼り付けないでください。
可能な限り環境変数または利用可能なシークレットシステムを使用してください。
除外対象ファイルを確認し、認証情報、データベース、またはプライベート設定の共有を避けてください。
承認する前に、各コマンドを確認してください。
すべての操作に対して自動承認を有効にしないでください。
別のGitブランチで動作します。
大きな変更を受け入れる前に、差分を確認してください。
変更ブロックごとにテストを実行してください。

ContinueとClineの設定時によくあるエラー

Continue は config.yaml を検出しません

ファイルが存在することを確認してください %USERPROFILE%\.continue\config.yaml Windows 上または ~/.continue/config.yaml LinuxとmacOSの場合。YAMLのインデントも確認してください。

変更が反映されない場合は、設定を再読み込みするか、実行してください。 開発者: ウィンドウを再読み込み VS Codeのコマンドパレットから。

モデルは表示されるが、エージェントモードが機能しない

モデルまたはベンダーによっては、ツールがサポートされていない場合があります。ツール呼び出しをサポートするモデルを選択し、Continueがその機能を正しく検出したことを確認してください。

オートコンプリートが遅すぎる

低遅延の専用モデルを使用してください。大規模な推論モデルは、入力中に候補を生成する場合には通常最適な選択肢ではありません。

クラインはクレジットを使いすぎている

送信するコンテキストの量を減らし、実行前にプランモードを使用し、タスクを分割し、よりコスト効率の良いモデルを選択してください。エージェントは、1回の操作中に複数の呼び出しを行うことができます。

OllamaまたはLM Studioは表示されません

サーバーが稼働していること、URLが正しいこと、テンプレートのダウンロードが完了していることを確認してください。また、ファイアウォールがローカル接続をブロックしていないかも確認してください。

続行してクラインで同じファイルを変更する

同じタスクに対して両方のエージェントを同時に実行しないでください。いずれかのプロセスを終了またはキャンセルし、保留中の変更を確認してから、一方の拡張機能のみで続行してください。

ContinueとClineを使えば、Visual Studio Codeを別のエディタに移行することなく、AI支援型の開発環境へと変革できます。Continueはオートコンプリート、チャット、編集機能、そして設定可能なエージェントを統合している点が特長で、一方Clineはタスクの計画と実行に重点を置いたワークフローを提供します。

両方の拡張機能をインストールすることもできますが、多くのユーザーにとってはどちらか一方だけで十分です。結果は、インストールするアシスタントの数よりも、選択したモデル、コンテキストの質、付与された権限、およびコスト管理に大きく左右されます。

アルベルト・ナバロ

私はテクノロジー愛好家であり、その「オタク」の興味を職業に変えています。私は 10 年以上、純粋な好奇心から最先端のテクノロジーを使用し、あらゆる種類のプログラムをいじくり回してきました。現在はコンピューター技術とビデオゲームを専門にしています。これは、私が 5 年以上、テクノロジーやビデオゲームに関するさまざまな Web サイトに執筆し、誰にでも理解できる言語で必要な情報を提供することを目的とした記事を作成しているためです。

ご質問がございましたら、私の知識は Windows オペレーティングシステムから携帯電話用の Android に関連するあらゆるものまで多岐にわたります。そして、私はあなたに対して、いつでも喜んで数分を費やして、このインターネットの世界であなたが抱いている疑問を解決するお手伝いをしたいと考えています。