VS Code + AI 插件新手教程

VS Code 是常用代码编辑器。配合 AI 插件后，你可以在编辑器里直接解释代码、生成代码、修改文件。

一、准备工作

你需要：

• 安装 VS Code
• 安装 Git
• 安装 Node.js
• 准备 API Key

如果还没装环境，先看 使用前环境配置。

二、常见 AI 插件

插件	适合做什么
GitHub Copilot	代码补全、问答、解释代码
Continue	接入自定义模型和接口
Cline	Agent 式修改项目
Roo Code	多模式 AI 编程助手

三、安装插件

在 VS Code 左侧打开扩展市场，搜索插件名称，然后点击安装。

安装后通常需要配置：

• API Key
• Base URL
• Model
• Provider

具体字段名称以插件界面为准。

四、打开项目

不要只打开单个文件，应该打开整个项目文件夹。

VS Code 菜单：

File -> Open Folder

打开项目后，AI 插件才能看到完整目录。

五、常用问法

解释当前文件

请解释当前文件的作用，并说明主要函数分别负责什么。

修改选中代码

请把选中的代码改得更易读，但不要改变功能。

排查报错

我运行 npm run build 报错了，请根据终端报错定位原因。

六、修改前注意

让插件改代码前，建议先说：

请先说明你准备修改哪些文件，不要直接执行。

改完后一定检查：

• 文件变化
• 页面效果
• 构建结果