Kimi Code VS Code 插件实测：5 分钟变身 AI IDE
Kimi Code VS Code 插件实测：装、登录、对话、diff 应用、@ 引用文件全流程演示。国内直连、月之暗面出品，本文 5 分钟带你跑通
30 秒了解：Kimi Code VS Code 插件是什么
Kimi Code VS Code 插件是月之暗面出的官方 IDE 插件，把 Kimi Code 的 AI 编程能力直接装进 VS Code——侧栏开一个聊天面板，提问、引用文件、改代码、看 diff、回退，全程图形化。
跟 Cursor 那种「换一个新 IDE」不同，Kimi Code 插件让你不用换 VS Code 就能用上国产 AI 编程。装好后 VS Code 还是原来那个 VS Code，多了一个会读你项目的 AI 聊天面板。
适用场景：
- 国内开发者，要合规、要直连，不想科学上网
- VS Code 重度用户，不想换 Cursor 这种新 IDE
- 想要图形化 diff、能逐行接受改动的人（vs CLI 那种直接改完）
谁应该开启：所有在国内日常用 VS Code 写代码的人——插件免费安装，用量按 Kimi 会员体系算。
准备工作
- VS Code 1.80+：太老的版本可能不兼容
- Kimi 账号：手机号注册即可，国内直接走通
- Kimi 会员：免费档够轻度试用，重度用建议升个人会员，详细看 Kimi Code 是什么 价格段
- 任意一个本地项目：建议先用一个小的、不重要的项目试
如果你完全没用过 VS Code，先去 code.visualstudio.com 下载装一下。
详细操作步骤
第 1 步：在 VS Code 扩展市场装 Kimi Code
打开 VS Code，按 Ctrl+Shift+X（Windows / Linux）或 Cmd+Shift+X（Mac）打开扩展市场。
搜索框输入 Kimi Code，第一个结果就是月之暗面官方插件——点 Install 安装。
[此处放截图：VS Code 扩展市场，红框标注 Kimi Code 搜索结果和 Install 按钮]
💡 如果装完没看到面板，按
Ctrl+Shift+P（Mac 是Cmd+Shift+P）打开命令面板，输入Developer: Reload Window重载 VS Code。
第 2 步：打开 Kimi Code 聊天面板
装好后，VS Code 左侧栏会多一个 Kimi 图标。点它，右侧（或下方）会展开聊天面板。
第 3 步：登录 Kimi 账号
在聊天面板的输入框里敲 /login，按回车——会弹出浏览器跳到 Kimi 授权页。
用手机号 / 微信 / 邮箱登录后点「授权」，自动绑定回 VS Code，状态变成「已登录」。
[此处放截图：插件登录授权流程截图]
第 4 步：扫描项目，建立上下文
第一次在某个项目里用，建议先让插件「认识」一下项目结构。在聊天面板敲：
/scan（具体命令名以官方文档为准，可能叫 /index 或类似），让插件扫一遍你项目目录，建立向量索引。这一步让后续问答能跨文件理解。
第 5 步：第一次对话
在输入框里直接问问题，比如：
这个项目是干嘛的？主要技术栈是什么？
插件会读 README / package.json 等，给你一个总结。
第 6 步：用 @ 引用具体文件
要让 AI 看具体文件，输入 @，弹出文件选择器——选你要引用的文件 / 文件夹。例如：
看一下 @src/utils/format.ts 这个文件，写一个对应的单元测试，覆盖所有 export 的函数
AI 会读这个文件，给你写测试代码，以 diff 视图展示——你可以逐行接受 / 拒绝。
第 7 步：用斜杠命令做项目级操作
输入 / 看可用命令清单。常见命令（具体以官方文档为准）：
/scan重建项目索引/clear清空当前会话上下文/help看命令清单/login登录/logout退出
第 8 步：应用 / 回退 AI 改动
AI 给你的代码改动，会在 diff 视图里显示：
- 逐行接受：点每一段旁边的「Accept」
- 全部接受：顶部「Accept All」
- 拒绝：点「Reject」
- 回退已应用：在历史记录里找到那次改动，点「Undo」
这种「先 diff 再应用」的体验，比 Claude Code CLI 那种「直接改文件、靠 git 回滚」更适合新手。
5 个 Kimi Code VS Code 插件的高级玩法
- 快捷键开 Chat：在 VS Code 设置里给「Kimi: Open Chat」绑定快捷键（比如
Ctrl+L），从此随手开聊 - 选中代码再问：先在编辑器里选中一段代码，再去聊天面板问「这段代码做什么的？」「重构成更简洁的版本」——选中内容自动带入上下文
- @ 引用整个文件夹：
@src/components/让 AI 一次看整个文件夹，做大块重构特别好用 - 配合 MCP：聊天面板支持 MCP server 接入，能连数据库、Slack、Notion 等外部工具（详见官方 mcp-integration 文档）
- 跟 Git 配合：每次让 AI 大改前先 git commit 当前状态；改完发现不对，git checkout 一键回滚
常见坑 + 解决办法
| 现象 | 原因 | 解决 |
|---|---|---|
| 装完没看到 Kimi 图标 | 扩展未激活 | 重载 VS Code 窗口（Developer: Reload Window） |
/login 没反应 | 浏览器没弹出 / 跳转失败 | 手动复制日志里的登录链接到浏览器 |
| 提示「未登录」 | token 过期 | 重新 /login |
@ 引用看不到文件 | 项目未扫描 / 文件被 ignore | 跑一次 /scan；检查 .gitignore |
| diff 应用后代码乱了 | AI 改了不该改的 | 用 VS Code 自带 Undo 或 git 回滚 |
| 用量很快用完 | 大项目反复扫描消耗 token | 选小范围扫描；用 /clear 节省上下文 token |
| 中文输入慢 | 输入法和插件冲突 | 切英文输入；或更新插件到最新版 |
一个实战案例：5 分钟写完一个 React 组件
假设你要写一个评分组件（5 颗星，可点选）。打开 VS Code，新建 src/components/StarRating.tsx，在 Kimi Code 聊天面板里跑：
请帮我在 @src/components/StarRating.tsx 里写一个 React 评分组件。
要求：
- 默认显示 5 颗星，可以传 props 改星星数量
- 鼠标悬停时高亮当前星和之前所有星
- 点击后保存当前评分，再次进入显示
- 用 TypeScript，定义 Props 接口
- 用 Tailwind 写样式，不要用其他 CSS 框架
- 不依赖任何第三方库
写完后，再给我一个使用示例代码（在注释里展示）。
回车，几秒钟 diff 视图弹出。Review 一下，Accept All——一个组件搞定。
接下来还能继续：
给这个组件写单元测试，用 Vitest + @testing-library/react
又一段 diff，又一次 Accept。整个流程不离开 VS Code、不用切换工具——这就是 Kimi Code 插件最爽的地方。
一个判断「插件够不够用」的 prompt
用了几天感觉「好像也就那样」？拿这个 prompt 让 AI 帮你挖深用法：
我已经装了 Kimi Code VS Code 插件几天，目前主要用法是：
- 用 @ 引用文件让 AI 写代码
- 用 diff 应用 / 回退改动
- 偶尔用 /clear 清上下文
请帮我评估并升级我的用法：
- 我现在的用法属于「初级 / 中级 / 进阶」哪一档？
- 基于我的当前用法，下一步可以加哪 3 个新动作让效率明显提升？
- 哪些场景我应该改用 Kimi Code CLI 而不是插件？
- 哪些场景我应该考虑用其他工具配合（比如 Cursor / Claude Code）？
回答尽量具体，给出能立刻试的步骤。
跑一次，下一周的进阶路线就有了。
进阶 / 下一步
- 想看 Kimi Code 是什么 → Kimi Code 是什么
- 想用 CLI 命令行版 → Kimi Code CLI 怎么用
- 想接进 Cursor / Cline 省 token → Kimi Code 接入 Cursor / Cline
- 想看 Claude Code 对比 → Claude Code 是什么
- 想看 Cursor 对比 → Cursor 是什么
- 想看主流工具横评 → AI 写代码完全指南
- 想看 Kimi 模型本身 → Kimi 全功能教程
- 想看更多国产 AI → 国产 AI 大全