> ## Documentation Index
> Fetch the complete documentation index at: https://docs.routerlink.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# VS Code

> 本文档仅供参考，演示如何配置我们的 API 与第三方 AI 聊天界面配合使用。文中提及的任何第三方软件、网站或服务均非由我们运营、控制或背书。

# **VS Code 简介**

<Frame>
  <img src="https://mintcdn.com/matrixlabs/E_QmGFqMvoEFoQFp/images/image-94.png?fit=max&auto=format&n=E_QmGFqMvoEFoQFp&q=85&s=ded113f1c9a6aa0d724f6da96dd74512" alt="Image" width="1925" height="1149" data-path="images/image-94.png" />
</Frame>

[<u>Visual Studio Code</u>](https://code.visualstudio.com/) 是基于 `Code - OSS` 仓库、加入 Microsoft 定制功能后，按传统 [<u>Microsoft 产品许可证</u>](https://code.visualstudio.com/License/) 发布的发行版。

[<u>Visual Studio Code</u>](https://code.visualstudio.com/) 兼具代码编辑器的简洁与开发者在核心"编辑—构建—调试"流程中所需的功能。它提供全面的代码编辑、导航与理解支持，以及轻量级调试、丰富的可扩展模型，并能与现有工具轻量集成。

# **步骤**

<Steps>
  <Step title="安装 VS Code">
    Visual Studio Code 每月更新，带来新功能与缺陷修复。你可以在 [<u>Visual Studio Code 官网</u>](https://code.visualstudio.com/Download) 下载适用于 Windows、macOS 和 Linux 的版本。如需每天获取最新版本，可安装 [<u>Insiders 版</u>](https://code.visualstudio.com/insiders)。

    <Frame>
      <img src="https://mintcdn.com/matrixlabs/E_QmGFqMvoEFoQFp/images/image-95.png?fit=max&auto=format&n=E_QmGFqMvoEFoQFp&q=85&s=a41a11772361469d7decdf430833fe18" alt="Image" width="1045" height="667" data-path="images/image-95.png" />
    </Frame>
  </Step>

  <Step title="模型配置与 API Key">
    点击顶部的 **Toggle Chat** 按钮（快捷键：`Ctrl+Alt+I`）。点击底部的模型，然后点击设置图标。

    <Frame>
      <img src="https://mintcdn.com/matrixlabs/E_QmGFqMvoEFoQFp/images/img_v3_0212u_3742f979-d56c-4a37-81dd-a0cd8450f1hu.jpg?fit=max&auto=format&n=E_QmGFqMvoEFoQFp&q=85&s=3150f794412fd425d3d9bedd72a13e51" alt="Img V3 0212u 3742f979 D56c 4a37 81dd A0cd8450f1hu" width="1385" height="980" data-path="images/img_v3_0212u_3742f979-d56c-4a37-81dd-a0cd8450f1hu.jpg" />
    </Frame>

    选择 **"Add Model"**，然后点击 **"Custom Endpoint"**。

    <Frame>
      <img src="https://mintcdn.com/matrixlabs/E_QmGFqMvoEFoQFp/images/img_v3_0212u_a515d6af-a4eb-499e-8828-264d2c7f6ehu.jpg?fit=max&auto=format&n=E_QmGFqMvoEFoQFp&q=85&s=395383297e2681880c1d42340a1f1d4b" alt="Img V3 0212u A515d6af A4eb 499e 8828 264d2c7f6ehu" width="1385" height="980" data-path="images/img_v3_0212u_a515d6af-a4eb-499e-8828-264d2c7f6ehu.jpg" />
    </Frame>

    填写任意分组名称。

    <Frame>
      <img src="https://mintcdn.com/matrixlabs/E_QmGFqMvoEFoQFp/images/img_v3_0212u_a041fd48-c92f-4da0-b702-0f2cdeabf2hu.jpg?fit=max&auto=format&n=E_QmGFqMvoEFoQFp&q=85&s=795b074ad511d425e773885ebed15f7b" alt="Img V3 0212u A041fd48 C92f 4da0 B702 0f2cdeabf2hu" width="1385" height="980" data-path="images/img_v3_0212u_a041fd48-c92f-4da0-b702-0f2cdeabf2hu.jpg" />
    </Frame>

    填入你的 API Key，可从 [RouterLink](https://routerlink.ai/settings/api-keys) 获取。

    <Frame>
      <img src="https://mintcdn.com/matrixlabs/E_QmGFqMvoEFoQFp/images/img_v3_0212u_be682689-a0ca-4957-9960-0d1569ee7bhu.jpg?fit=max&auto=format&n=E_QmGFqMvoEFoQFp&q=85&s=b5dbfa79a0134a9a776a57b2165f65da" alt="Img V3 0212u Be682689 A0ca 4957 9960 0d1569ee7bhu" width="758" height="121" data-path="images/img_v3_0212u_be682689-a0ca-4957-9960-0d1569ee7bhu.jpg" />
    </Frame>

    如果你想使用 RouterLink 的[模型](https://routerlink.ai/models)：

    对于 OpenAI 兼容模型，选择 **Chat Completions**。

    对于 Anthropic 兼容模型，选择 **Messages API**。

    <Frame>
      <img src="https://mintcdn.com/matrixlabs/E_QmGFqMvoEFoQFp/images/img_v3_0212u_5c7d0ded-4dc1-4cd5-a250-cb883e9e13hu.jpg?fit=max&auto=format&n=E_QmGFqMvoEFoQFp&q=85&s=28e806ae02b972577c64a9faf812983e" alt="Img V3 0212u 5c7d0ded 4dc1 4cd5 A250 Cb883e9e13hu" width="753" height="175" data-path="images/img_v3_0212u_5c7d0ded-4dc1-4cd5-a250-cb883e9e13hu.jpg" />
    </Frame>

    <Frame>
      <img src="https://mintcdn.com/matrixlabs/E_QmGFqMvoEFoQFp/images/image-96.png?fit=max&auto=format&n=E_QmGFqMvoEFoQFp&q=85&s=698fa3fb79f38f615c948c660479ef0e" alt="Image" width="1230" height="445" data-path="images/image-96.png" />
    </Frame>

    以 GPT-5.5 为例，填入以下信息：

    | **字段** | **内容**                                                                       |
    | :----- | :--------------------------------------------------------------------------- |
    | id     | gpt-5.5                                                                      |
    | name   | gpt-5.5                                                                      |
    | url    | [https://router-link.world3.ai/api/v1](https://router-link.world3.ai/api/v1) |

    <Frame>
      <img src="https://mintcdn.com/matrixlabs/E_QmGFqMvoEFoQFp/images/img_v3_0212u_be77f898-4f90-45db-99dc-2d80d0b363hu.jpg?fit=max&auto=format&n=E_QmGFqMvoEFoQFp&q=85&s=c67ad544deeedd9e8d6a6b5996d78c2e" alt="Img V3 0212u Be77f898 4f90 45db 99dc 2d80d0b363hu" width="1385" height="980" data-path="images/img_v3_0212u_be77f898-4f90-45db-99dc-2d80d0b363hu.jpg" />
    </Frame>

    <Frame>
      <img src="https://mintcdn.com/matrixlabs/E_QmGFqMvoEFoQFp/images/image-97.png?fit=max&auto=format&n=E_QmGFqMvoEFoQFp&q=85&s=cfeb005537c47c83aec70de95d32bfd2" alt="Image" width="1278" height="885" data-path="images/image-97.png" />
    </Frame>

    按 **Ctrl + S** 保存，然后点击 **Close**。

    如果你想再添加一个模型，以 **Claude Opus 4.8** 为例。

    再次点击底部的模型，并点击 **Settings** 图标。

    <Frame>
      <img src="https://mintcdn.com/matrixlabs/E_QmGFqMvoEFoQFp/images/img_v3_0212u_60f2610b-09e5-40e8-ab9b-f4fb9094d3hu.jpg?fit=max&auto=format&n=E_QmGFqMvoEFoQFp&q=85&s=49aea003f1281b854f6a02862050cafd" alt="Img V3 0212u 60f2610b 09e5 40e8 Ab9b F4fb9094d3hu" width="1385" height="980" data-path="images/img_v3_0212u_60f2610b-09e5-40e8-ab9b-f4fb9094d3hu.jpg" />
    </Frame>

    重复前面的步骤，并将 **API Type** 选择为 **Messages**。

    <Frame>
      <img src="https://mintcdn.com/matrixlabs/E_QmGFqMvoEFoQFp/images/img_v3_0212u_41b99b19-e541-4221-9397-1227de7649hu.jpg?fit=max&auto=format&n=E_QmGFqMvoEFoQFp&q=85&s=375f925b85fb46a0d3d966c2443ffbc2" alt="Img V3 0212u 41b99b19 E541 4221 9397 1227de7649hu" width="761" height="176" data-path="images/img_v3_0212u_41b99b19-e541-4221-9397-1227de7649hu.jpg" />
    </Frame>

    为 Anthropic 兼容的 **Claude Opus 4.8** 模型填入以下信息：

    | **字段** | **内容**                                                                 |
    | :----- | :--------------------------------------------------------------------- |
    | id     | claude-opus-4-8                                                        |
    | name   | claude-opus-4-8                                                        |
    | url    | [https://router-link.world3.ai/api](https://router-link.world3.ai/api) |

    <Frame>
      <img src="https://mintcdn.com/matrixlabs/E_QmGFqMvoEFoQFp/images/img_v3_0212u_e3b4170c-0414-44cc-8ce6-b1e09590e8hu.jpg?fit=max&auto=format&n=E_QmGFqMvoEFoQFp&q=85&s=87946d5dd96765f820d863b26d6315fd" alt="Img V3 0212u E3b4170c 0414 44cc 8ce6 B1e09590e8hu" width="1385" height="980" data-path="images/img_v3_0212u_e3b4170c-0414-44cc-8ce6-b1e09590e8hu.jpg" />
    </Frame>

    <Frame>
      <img src="https://mintcdn.com/matrixlabs/E_QmGFqMvoEFoQFp/images/image-98.png?fit=max&auto=format&n=E_QmGFqMvoEFoQFp&q=85&s=8ec110637927599cba309827ce65cc2e" alt="Image" width="1278" height="885" data-path="images/image-98.png" />
    </Frame>

    **按 Ctrl + S 保存，然后点击 Close。**
  </Step>

  <Step title="使用 VS Code">
    **从底部菜单中选择你刚刚配置的模型。**\
    **现在即可开始使用。**

    <Frame>
      <img src="https://mintcdn.com/matrixlabs/E_QmGFqMvoEFoQFp/images/image-99.png?fit=max&auto=format&n=E_QmGFqMvoEFoQFp&q=85&s=9008b22f1c6db6cb6faa885ba6ed0095" alt="Image" width="1385" height="980" data-path="images/image-99.png" />
    </Frame>
  </Step>
</Steps>
