VS Code 扩展
课程导读
这节课讲如何在 VS Code 里安装扩展,以及终端、图形界面两种用法。
一、安装 VS Code 与扩展
前往 VS Code 官网下载安装
VS Code 官网然后打开扩展市场,依次安装:
| 扩展 | 作用 |
|---|---|
| 中文语言包 | 界面汉化 |
| Python | 在 VS Code 内运行 Python |
| Claude Code | 本课核心 |
弹出信任提示时选信任,三个扩展装完后重启 VS Code。
选择项目文件夹作为工作目录——与终端用法一样,需先指定目录。
二、在 VS Code 里使用 Claude Code 的两种方式
方式一:终端
新建终端,输入Claude启动Claude Code,与前面课程的命令行用法相同。
文件与代码上下文:
- 打开并激活某文件 → 对话框下方显示文件名,对话时会带入该文件上下文
- 选中某段代码 → 下方显示选中行数,可针对这几行提问
扩展未生效时,执行:
text
/ide查看与 VS Code 的连接状态。
方式二:扩展面板
入口
装好扩展后有两个入口:
| 入口 | 说明 |
|---|---|
| 活动栏 Claude Code 图标 | 列出项目历史会话,可继续或新建 |
| 编辑区右上角 Claude Code 图标 | 在右侧侧边栏打开对话窗口 |
加号菜单
| 选项 | 说明 |
|---|---|
| 选择本地文件 | 从本机选文件加入对话 |
| 引用项目文件 | 与 @ 引用相同;直接输入 @ 效果一样 |
| 关联浏览器网页 | 需 Claude 官方账号;自定义 API Key 不可用 |
关联浏览器(可选): Chrome 安装 Claude Code 官方浏览器扩展,并与 VS Code 扩展登录同一账号。VS Code 可识别当前浏览器标签页,选中后描述需求即可执行网页操作(如打开页面、搜索)。
斜杠命令
扩展把终端里的斜杠命令集成到图形界面
记忆文件
扩展内不能直接编辑记忆。点击后会自动打开终端进入编辑页,保存并关闭终端后生效。
当前文件与多段代码
输入框旁显示当前选中文件名;选中代码时显示行数(与终端方式相同)。
一次添加多段代码:选中一段 → Option + K(Windows:Alt + K)加入对话,再选另一段重复操作。
改动预览与权限
改完文件后会自动打开 diff 视图(左原稿 / 右修改)。上方同意 / 拒绝按钮与对话里的权限弹窗联动。
YOLO 模式
默认列表里没有;进入 VS Code 设置 → 扩展 → Claude Code,勾选第一项开启,回到列表即可看到。
