VSCode 中安装 Cline（Claude Dev） 插件使用 Gemini2.0 模型和 Grok 模型
vscode编辑器中通过使用Cline插件，免费使用Gemini2模型和 Grok 模型，同时提供了两种配置方式，编码能力上得到显著的提升
前言
Cursor 推出以来，使用 Cursor 习惯了，虽然有公司提供的 GIthub Copilot，但是之前的能力真的是一言难尽，所以从 8 月份以来一直用的是 Cursor
因为目前 Cursor 限制了体验权限，所以暂时只能找一个替代品，等有预算再切回 Cursor 了
安装 Cline 插件
首先需要在 vscode 中安装 Cline 插件，Cline 即原来的 Claude dev 插件，由 OpenRouter 提供
安装完成后右侧会出现 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 页面
