不习惯终端黑窗口？Claude Code Chat可视化插件猜你会喜欢

前言

前面了解了Claude Code CLI的基本使用，但很多小伙伴可能还是不习惯用黑乎乎的命令行终端窗口，这两天发现一个不错的Claude Code开源项目，可以以编辑器插件可视化聊天形式提供对Claude Code CLI的使用，真是nice，推荐喜欢Claude Code和可视化交互的小伙伴，对往期内容感兴趣的小伙伴也可以看往期内容：

Claude Code CLI初体验

插件安装

在VS Code插件市场搜索"Claude Code Chat"，点击【安装】

或者到Claude Code Chat Github开源仓库手动下载安装。

Github地址：github.com/andrepiment...

安装完成后，在工作区目录和侧边栏上会分别展示Claude Code Chat的入口

点击工作区目录上的入口会在编辑器页签打开Claude Code Chat聊天窗口

点击侧边栏上的入口会在侧边栏打开Claude Code Chat聊天窗口，个人还是比较喜欢侧边栏形式😁。

登录授权配置

Claude Code Chat插件的工作依赖于Claude Code CLI，使用前需要先安装Claude Code C LI，Claude Code CLI安装方式查看往期：
Claude Code CLI初体验

这里以智谱GML-4.5为例，在全局配置或者在项目工作区 .claude/settings.json 文件中添加授权配置

vbnet 复制代码

{
    "env":{
        "ANTHROPIC_BASE_URL": "https://open.bigmodel.cn/api/anthropic",
        "ANTHROPIC_AUTH_TOKEN": your api key,
        "ANTHROPIC_MODEL": "glm-4.5"
    }
}

基本使用

基本设置

Claude Code Chat提供了基础设置功能，点击右上角【设置】打开设置页面，最上面WSL Configuration是Windows上WSL相关配置

【Permissions】模块是Claude Code权限相关配置，点击【+Add permission】可以添加指定类型选取，相当于Claude Code CLI配置中的 permissions 权限配置

权限配置添加完成会以列表形式展示，也可以点击【Remove】手动移除

设置页面最下方是Yolo配置，也就是Claude Code CLI中的 auto-accept 模式

开启Yolo模式后会在Chat页面提示

模型选择

在Chat页面点击【Model】可以切换不同模型，目前提供了 Claude Opus 、 Claude Sonnet 以及自定义模型，前面两个模型都是Claude Code官方默认模型，如果使用了其他平台模型可以点击【Config】进行配置

User configured模型配置会在编辑器中新启一个命令行终端执行Claude Code CLI的 /model 命令进行模型设置

这里我使用的是智谱GLM-45模型，切换到【Sonnet-Balanced model】选项后输出的模型信息是 claude-sonnet-4-20250514，但是实际上用的应该还是智谱GLM-45

切换到【Default-User configured】选项择输出到模型信息是glm-4.5

Chat聊天

Claude Code Chat的对话界面如下

在聊天框输入内容即可与Claude Code CLI进行对话，Claude Code Chat会实时记录请求和tokens消耗并在Chat界面下方展示，我们可以时刻关注到会话tokens和金额的消耗情况

在对话框输入 / 或者点击右侧的 / 会弹出自定义提示词模版命令和 Cluade Code CLI内置命令列表

点击自定义提示词快捷命令 /bug-fix 效果如下，就是将提前配置好的提示词快速填充到聊天框

点击Claude Code CLI内置命令 /clear 效果如下，会打开编辑器命令行终端调用Claude Code CLI的交互命令 /clear

在对话框输入 @ 或者点击右侧的 @ 会弹出可视化文件选择页面，支持通过关键词检索

点击【图片】可以选择图片作为上下文（目前该功能有bug，上传后没有任何作用），也可以从剪切板拷贝图片

从剪切板粘贴的图片会统一存放到工作区/.claude/claude-code-chat-images 目录下，再通过文件选择或者全路径引用

历史会话

Claude Code Chat提供了历史会话功能，可以查看历史会话记录

点击对应会话可以进入到该会话详情

Checkpoint检查点

Claude Code Chat提供了检查点功能

点击【Restore checkpoint】会对任务进行回退

源文件的修改也对应回退了，感觉这比 Esc+Esc 好用，不知道是不是使用不对，我使用 Esc+Esc 无法进行源文件操作回退

对话模式

Claude Code Chat提供了 Plan、Thinking 和 Yolo 三种模式

Plan

Claude Code Chat会输出功能规划、技术架构、实现细节、开发和测试计划，并不会执行任何操作，和Claude Code CLI效果一致

Thinking modes

这个thinkimg模式设计的也挺巧妙，深度思考本属于提示词范围，通过在提示词中添加 Think、Think Hard、Think Harder、Ultrathink 来达到让AI深度思考的效果，在Claude Code CLI中也并没有提供对应的模式，Claude Code Chat以可视化形式做成了选项提供使用，可以来一波赞了。

选择深度思考程度，点击【Confirm】确认