大数跨境
0
0

不会用命令行?Claude Code图形化界面完全指南

不会用命令行?Claude Code图形化界面完全指南 枭龙云技术团队
2025-12-12
0
导读:告别命令行恐惧,3分钟掌握可视化AI编程助手,附YOLO模式开启教程

点击关注上方公众号,发现更多精彩内容等你来发现

大家好,我是靈吾靈,专注于AI技术前沿分享,用最接地气的话讲最前沿的科技是我的专长,让每个人都能玩转AI是我的初心~

前言

面对苍白的CLI终端界面,有些深度依赖IDE的使用者,用Claude Code还是会不习惯的。于是我找了蛮多的资料,看看有没有适合新手的GUI工具。

简单来说有以下几个:

  • opcode:https://claudia.so/
  • Any-code:https://github.com/anyme123/Any-code
  • Claude Code for VS Code(官方推荐的插件)

上面三个我都简单体验了一下,发现还是VS Code的官方插件好用:Claude Code for VS Code。下面我来重点展开讲讲这个交互界面。

比较可惜的一点,就是无论哪种交互界面,都无法做到像IDE一样的流式输出效果(逐字输出),Claude Code天然就不支持。

编辑器选择

Claude Code插件原本官方设计是为了配合VS Code这个编辑器使用的。但是众所周知,基本上市面上大部分的AI IDE工具都是VS Code这个编辑器的源码fork出来的,就算不是fork出来的,也天然支持VS Code的插件市场,显然各位大厂默认了这个规则。

因此我们能装的编辑器就很多了,我这里总结三个结合方式:

Cursor + Claude Code

  • 适合复杂任务+日常开发,用Cursor会员的顶尖模型处理一些非常复杂的难题,用Claude Code兼容日常开发工作、需求工作等等。
  • 如果有Cursor会员,或者习惯Cursor编辑器,首选这个结合。

Trae + Claude Code

  • 适合白嫖党使用,Trae国内版中免费的模型,对中文友好的UI界面,符合国人的操作习惯。

其他 IDE + Claude Code

  • VS Code
  • Antigravity
  • Qoder

上面所有的编辑器安装Claude Code for VS Code都是一样的,主要是看各位没有CC之前更喜欢用哪个编辑器而已。

下面将以Trae为例展开。

下载 Claude Code 插件

关键步骤:

  • 1. 打开Trae终端
  • 2. 点击拓展商城图标
  • 3. 搜索 claude code
  • 4. 看清楚! 选服务商是 Anthropic 的那个

步骤 1:找到入口

在文件资源目录里面随便打开一个文件,你会看到这个图标:

点击展开,就能看到Claude Code的完整界面啦!

如上图所示,如果出现上面的三种登录方式应该怎么选?

答案是:都不用选! 

等大概3-5秒,这个界面就会消失了,是因为如果你按我的推文:《Claude Code 实战教程:2025最新安装指南(附CC Switch神器)》去配置了GLM类似的第三方供应商的话,其实都已经登录了。

你点击这个图标其实就是等于在命令行敲了:claude这个命令而已。

步骤 2:简单认识一下界面

步骤 3:按实际场景找功能

场景1: 我想控制 AI 自动化程度

它决定了AI能不能自己改代码,还是每次都问你。

有两个方式:

  1. 快捷键:按 Shift + Tab,一键循环切换。
  2. 操作界面:点输入框下方的模式名,直接切换

3种模式详解:

  1. Ask before edits(新手推荐)

    AI表现:所有操作都问你,绝不擅自行动

    什么时候用:

    • 刚接触项目,不熟悉代码
    • 改重要功能,怕出bug
    • 想完全掌控每一步
  2. Accept Edits(日常推荐!)

    AI表现:自动改代码,但运行命令还是会问。

    什么时候用:

    • 日常开发,信任AI
    • 想提高效率,快速迭代
  3. Plan Mode(复杂任务用)

    AI表现:先给你看完整计划,确认后再执行

    什么时候用:

    • 开发复杂功能
    • 想先了解整体思路
    • 多步骤重构

场景 2:开多个会话窗口

点+按钮:

或者是斜杠命令:

场景 3: 如何引用项目文件

方式1:@符号(最常用!)

方式2:拖拽文件:

直接从文件树拖到对话框!

什么时候:引用文件 vs 粘贴代码?

  1. 引用文件:AI能看到完整上下文,理解代码位置
  2. 粘贴代码:只适合临时代码片段

场景4: 如何上传文件

输入/attach file

这个功能应该要上传文件到 Anthropic服务器的,如果切换回国内的模型,并不会生效,识别不了文件内容。

场景5: 如何切换模型

场景6: 项目初始化

输入 /init

作用:在项目根目录创建.claude配置文件夹

什么时候用:

  • 第一次在项目里用Claude Code
  • 想让AI记住项目信息(下次自动了解项目)
  • 团队协作,共享自定义命令
  • 也相当于Cursor中的项目规则的设置

遇到初始化项目时,列举的是英文的任务to-do list,看不懂没关系,我们用Trae软件,还有一个小技巧:我们可以用Trae自身免费的智能体翻译英文的待办列表,或者执行过程。

日常使用技巧

设置中文回答

如果你初始化过项目,你可以在根目录下找到CLAUDE.md文件,在文章中对语言进行限制即可。

# CLAUDE.md

## 语言要求
请始终使用简体中文与我对话,并在回答时保持专业、简洁。

开启 YOLO 模式

Claude Code的YOLO模式(全称为"Safe YOLO Mode",江湖人称疯狗模式)是一种特殊的运行模式,旨在让AI在编程任务中更自主地执行操作。

可以在启动Claude命令界面的时候,用--dangerously-skip-permissions指定开启。

claude --dangerously-skip-permissions来绕过所有权限检查,让Claude持续工作直至完成。这对于修复代码格式错误或生成样板代码等任务非常有效。

但是,每次都要手动输入这么长的命令,显然很不得体,不优雅。

尤其是在VS Code、Trae这样的IDE环境中,通过插件按钮来启动,默认的启动命令就是claude,并不支持直接添加参数。

Claude Code for VS Code

如果是在各种编辑器下载的Claude Code插件,要配置YOLO模式,要打开配置文件设置。例如:

终端工具使用

上面我们说在IDE上配置YOLO模式,但是如果我们想在编辑器上使用呢?这个时候我们就要通过配置文件使用了。

用户级别的配置,全局环境有效

// ~/.claude/settings.json
{
  "bypassPermissions"true
}

项目级别的配置,只针对某个项目有效

// .claude/settings.json
{
  "bypassPermissions"true
}

如何去设置这个settings.json?我们可以利用CC Switch进行可视化配置。

{
  "bypassPermissions"true,
  "permissions": {
    "defaultMode""bypassPermissions"
  }
}

填入权限配置后,点击保存,就可以直接去命令行验证了。

免责声明:本文仅供技术交流学习使用,请遵守相关法律法规。文中提到的工具和方法仅作为技术探讨,不构成任何使用建议。


【声明】内容源于网络
0
0
枭龙云技术团队
枭龙云技术团队
内容 233
粉丝 0
枭龙云技术团队 枭龙云技术团队
总阅读36
粉丝0
内容233