Cabokit LogoCabokitAITutorial
入门
VS Code Google AI Setup

如何在 VS Code 中接入谷歌 AI

用 Gemini Code Assist 把 Google AI 接入 VS Code,获得代码补全、聊天、解释代码和生成测试能力;需要在应用里调用模型时,再配置 Gemini API Key。

11 分钟更新于 2026-04-27 16:00Cabokit

Google AI 接入路线

Gemini Code Assist · API Key

1选择接入方式
2安装扩展
3登录 Google 账号
4项目内使用
5配置 API Key

先选接入方式

写代码辅助:Gemini Code Assist

适合在 VS Code 里做代码补全、聊天、解释代码、生成单元测试和局部重构。

项目调用模型:Gemini API Key

适合你的应用本身要调用 Gemini 模型,比如聊天、总结、生成内容或工作流自动化。

Step 01

先选接入方式

如果你想在 VS Code 里获得代码补全、聊天、解释代码和生成测试,优先安装 Gemini Code Assist。如果你的应用本身要调用模型,再使用 Google AI Studio 创建 Gemini API Key。

  • IDE 辅助用 Gemini Code Assist
  • 应用调用模型用 Gemini API Key
  • 不要把两种接入方式混为一谈
选择 Gemini Code Assist 或 Gemini API Key 的示意图

Step 02

安装 Gemini Code Assist 扩展

打开 VS Code 扩展面板,搜索 Gemini Code Assist,点击安装。Google 官方文档说明,Gemini Code Assist 支持 VS Code、JetBrains IDE 和 Android Studio 等环境。

  • 搜索 Gemini Code Assist
  • 安装后按提示重启 VS Code
  • 确认侧边栏出现 Gemini 入口
在 VS Code 中安装 Gemini Code Assist 扩展的示意图

Step 03

登录 Google 账号

打开 Gemini 面板,按照提示登录 Google 账号,并阅读隐私提示。个人开发者通常可以直接使用免费版;团队或企业项目则需要确认组织策略。

  • 使用自己的 Google 账号
  • 阅读隐私提示
  • 企业环境先确认管理员策略
在 Gemini Code Assist 中登录 Google 账号的示意图

Step 04

打开项目后第一次使用

不要一上来就让 Gemini 大改代码。先让它解释目录结构、入口文件和核心模块,再逐步请求生成单元测试、解释错误或优化局部代码。

  • 先解释项目结构
  • 先做小范围任务
  • 生成代码后必须检查 diff
在项目中使用 Gemini Code Assist 的示意图

Step 05

需要项目调用时再配置 API Key

如果你是在 Next.js、Node.js 或后端服务里调用 Gemini 模型,需要到 Google AI Studio 创建 API Key,并通过环境变量读取。不要把 API Key 写进前端代码或提交到 Git。

  • 到 Google AI Studio 创建 Key
  • 使用环境变量保存密钥
  • 不要在浏览器端暴露密钥
在 Google AI Studio 创建 Gemini API Key 的示意图

第一次提问模板

请阅读当前项目结构,说明入口文件、核心模块和启动命令,不要修改代码。
请解释我选中的这段代码在做什么,并指出可能的边界情况。
请为这个函数生成单元测试,但先列出测试场景和预期结果。
请检查这次修改可能影响哪些文件,并给出手动验证步骤。

安全设置与注意事项

Google 官方文档说明,Gemini Code Assist 可以在 VS Code 等 IDE 中提供代码补全、聊天和智能操作;使用结果仍然需要人工验证。

Gemini API Key 只应该用于服务端或本地安全环境。不要把 Key 写进前端代码、截图、公开仓库或客户端应用里。

相关教程