After the 2.0 update, Claude Code also launched an extended version of VS Code. Compared with the CLI experience, the extended version provides a visual GUI panel, which is more friendly to students who do not like to use the terminal.

1. Install plug-in

By searching for Claude Code in the VSCode/Cursor/Qoder extension market, you can find the Claude Code for VS Code plug-in. Note that the official version is provided by Anthropic.

After clicking the Download and Install button, select Trust in the pop-up information prompt to complete the download.

2. First time use

Consistent with the old version of the plug-in, the Claude Code dialog panel can be opened in the editing area after installation.

Compared with AI tools such as Cursor/Codex/Copilot, choose to use the sidebar as the chat area.
Claude Code VSC uses the editing area view. Compared with other common AI panels, the visible area will be larger and the content will be more.

When you open the plug-in for the first time, you will be prompted to log in to use the official service. If you have opened the official service here, you can log in directly.
You can also use it by accessing our transfer API

3. Custom API configuration

First, create the config.json file. For the specific path, please refer to the following content.
• Mac ~/.claude/config.json
• Windows C:\Users\Administrator.claude\config.json

After the file is created, just write the following content and save it directly:

Go back to the VS Code extension store, open the Claude Code plug-in settings, and then jump to the edit page of the JSON configuration file.

Add the following API configuration information to the environment variable configuration file. where replace ANTHROPIC_AUTH_TOKEN with your API token

The insertion position of the above code is as shown in the figure. Just insert it according to your own VS Code configuration file.

After the modification is completed, open the Claude Code plug-in again and you can start using it normally.

Click the / icon in the dialog box and all functions will be available. Create new conversations, add files, change models, set MCP, and a bunch of built-in commands:

Historical dialogues are also easy to find. You don’t need to search for a long time, just click on this arrow:

Other settings

In addition, the Claude Code plug-in settings also support switching other third-party models and enabling bypass permission mode, so that Claude Code will automatically perform various operations without popping up a window for you to confirm:

Claude Code for VS Code Tutorial

1. Install plug-in#

2. First time use#

3. Custom API configuration#

Other settings#

1. Install plug-in

2. First time use

3. Custom API configuration

Other settings