> ## 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

> This documentation is provided for informational purposes only and demonstrates how to configure and use our API with third-party AI chat interfaces. Any third-party software, websites, or services mentioned are not operated, controlled, or endorsed by us.

# **Introduction to 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/) is a distribution of the `Code - OSS` repository with Microsoft-specific customizations released under a traditional [<u>Microsoft product license</u>](https://code.visualstudio.com/License/).

[<u>Visual Studio Code</u>](https://code.visualstudio.com/) combines the simplicity of a code editor with what developers need for their core edit-build-debug cycle. It provides comprehensive code editing, navigation, and understanding support along with lightweight debugging, a rich extensibility model, and lightweight integration with existing tools.

# **Step**

<Steps>
  <Step title="Install VS Code">
    Visual Studio Code is updated monthly with new features and bug fixes. You can download it for Windows, macOS, and Linux on [<u>Visual Studio Code's website</u>](https://code.visualstudio.com/Download). To get the latest releases every day, install the [<u>Insiders build</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="Model Configuration & API Key">
    Click the **Toggle Chat** button at the top (shortcut: `Ctrl+Alt+I`). Click the model at the bottom, then click the Settings icon.

    <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>

    Select **"Add Model"**, then click **"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>

    Enter any group name.

    <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>

    Enter your API key, which you can obtain from [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>

    If you want to use [models](https://routerlink.ai/models) from RouterLink:

    For OpenAI-compatible models, select **Chat Completions**.

    For Anthropic-compatible models, select **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>

    Using GPT-5.5 as an example, enter the following information:

    | **Field** | **Content**                                                                  |
    | :-------- | :--------------------------------------------------------------------------- |
    | 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>

    Press **Ctrl + S** to save, then click **Close**.

    If you want to add another model, take **Claude Opus 4.8** as an example.

    Then, click the model at the bottom again and click the **Settings** icon.

    <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>

    Repeat the previous steps, and select **Messages** as the **API Type**.

    <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>

    Enter the following information for the Anthropic-compatible **Claude Opus 4.8** model:

    | **Field** | **Content**                                                            |
    | :-------- | :--------------------------------------------------------------------- |
    | 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>

    **Press Ctrl + S to save, then click Close.**
  </Step>

  <Step title="Use VS Code">
    **Select the model you just configured from the bottom menu.**\
    **You're now ready to start using it.**

    <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>
