在 VS Code 中安装 Class Code 插件并接入 DeepSeek

📖 导读

本教程是 Class Code 系列视频第四期，聚焦在 VS Code 中安装 Class Code 插件，并配置 DeepSeek 的 API 接口。最终效果：在编辑器中直接通过插件与 AI 对话、写代码。

🔧 第一步：安装 VS Code

直接从官网下载安装包，或使用网盘提供的安装包。这里不再赘述。

📦 第二步：安装 Class Code 插件

提供两种安装方式：在线安装和离线安装。

在线安装

打开 VS Code，点击左侧插件图标（或按 Ctrl+Shift+X）。
在搜索框输入 class code，选择第一个 Class Code for VS Code。
点击右侧 Install 按钮安装最新版。若需指定版本，点击 Install Another Version 选择。

离线安装

在有网环境中提前下载离线安装包（.vsix 文件）。可在 Class Code 官网或插件市场页面点击 Download（选择最新版或历史版本）。
在无网环境中，打开 VS Code 插件市场，点击右上角三个点 → Install from VSIX... → 选择下载好的文件即可。

安装成功后，左侧菜单会出现 C 图标，同时编辑器右上角也会出现 Class Code 图标。点击任意一个，若首次使用会弹出登录窗口。

🔑 第三步：获取 DeepSeek API Key

前往 DeepSeek 开放平台注册并登录，完成充值后创建 API Key。

点击 创建 API Key，输入备注名称，生成后立即复制保存（关闭弹窗后将无法再次查看）。
妥善保管此 Key，后续配置需要用到。

⚙️ 第四步：配置 Class Code

找到配置文件并填入 API Key 及模型参数。

配置文件位置

Mac / Linux： ~/.continue/setting.json
Windows： C:\Users\你的用户名\.continue\setting.json

如果文件夹或文件不存在，直接手动创建即可。

配置内容示例

将以下内容粘贴进 setting.json，并将 your_api_key 替换为你的真实 Key：

{
  "models": [
    {
      "title": "DeepSeek",
      "provider": "deepseek",
      "model": "deepseek-chat",
      "apiKey": "your_api_key",
      "completionOptions": {
        "model": "deepseek-chat"
      }
    }
  ],
  "modelRoles": {
    "default": "deepseek-chat"
  }
}

如需使用不同模型（如 deepseek-pro 或 deepseek-flash），可修改 model 字段。Pro 能力更强但价格稍贵，Flash 更经济快速。

此配置文件同时兼容 Class Code 命令行版本和 VS Code 插件。

可选：禁用登录提示

在 VS Code 设置中搜索 continue.disableLoginPrompt，勾选后可跳过登录步骤。此操作在官方文档有提及，但实际使用中可能无影响，按需设置。

配置完成后，重启 VS Code。

🚀 第五步：开始使用

重启后点击左侧 C 图标或编辑器右上角 Class Code 图标，即可打开对话面板。

自动识别当前打开的文件，可在对话框中提问（如“这个文件是做什么的？”）或要求写代码。
左侧面板可查看当前项目的所有对话记录，支持按文件筛选、继续上下文对话。

【此处为对话界面示意图】

🗑️ 第六步：卸载与版本切换

在插件市场搜索 Class Code for VS Code，点击 Uninstall 即可卸载。
如需切换版本，点击 Install Another Version 选择其他版本安装。

📌 总结

通过以上步骤，你可以在 VS Code 中无缝使用 Class Code 插件接入 DeepSeek 大模型。所有安装包、详细文档已在评论区提供，欢迎查看。