VSCode 中安装 Cline（Claude Dev） 插件使用 Gemini2.0 模型和 Grok 模型

前言

Cursor 推出以来，使用 Cursor 习惯了，虽然有公司提供的 GIthub Copilot，但是之前的能力真的是一言难尽，所以从 8 月份以来一直用的是 Cursor

因为目前 Cursor 限制了体验权限，所以暂时只能找一个替代品，等有预算再切回 Cursor 了

安装 Cline 插件

首先需要在 vscode 中安装 Cline 插件，Cline 即原来的 Claude dev 插件，由 OpenRouter 提供

Cline（prev Claude Dev 插件）

安装完成后右侧会出现 Cline 的插件工具栏，点击后在右上角点击小齿轮设置配置插件参数

Cline 插件设置

配置 API KEY

目前有两种方式

第一种：使用 OpenRouter 提供的 API KEY，需要到OpenRouter官方申请，OpenRouter 提供的模型可以参考：https://openrouter.ai/models，我们本篇文章中使用的模型为 Grok 和 Gemini，当前两种模型都可以直接使用 OpenRouter 的 API KEY

第二种：选择 API Provider 为 Google Gemini，自行填入 API KEY

可以通过当前链接获取 Gemini 的 API KEY：链接

然后选择 Google Gemini，模型选择使用 gemini-2.0 flash exp

如下所示：

模型选择 X.AI的 Grok 时，需要选择 API Provider为 OpenAI Compatible

Model 可以填入 Grok-2-1212，API KEY 通过这里获取，当前 Grok 免费开放，有 25 美金的免费额度，近乎于免费

使用效果

使用 Cline 实现一个登录弹层，手机版 HTML 页面

Cline 效果