加入会员
Skip to content

访问受限

课程专属内容

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,勾选第一项开启,回到列表即可看到。