豆包Trae、华为CodeArts Agent、海外Cursor、ClaudeCode实操

文章目录

• [情景一 ：豆包Trae](#情景一 ：豆包Trae)
• • Trae安装
  • Trae使用
  • • 1、内置智能体
    • 2、版本回退
    • 3、模型选择
    • 4、优化内容
    • 5、行内编辑
    • 6、CUE模式
    • 7、rules规则
    • 8、Trae中#的使用
• [情景二 ：华为CodeArts Agent](#情景二 ：华为CodeArts Agent)
• • 安装
  • 使用
• 情景三、海外Cursor
• • 安装
  • 使用
  • • 1、基本功能
    • 2、模式
    • • Agent：自动模式
      • Plan：规划方案，只出方案不改代码
      • Debug：专门排错
      • Multitask：多任务分步执行
      • Ask：纯问答
    • [3、输入框指令 上下文](#3、输入框指令 上下文)
    • 4、Rules规则
    • [5、实战 用Cursor开发一个chrome插件](#5、实战 用Cursor开发一个chrome插件)
• 情景四、海外ClaudeCode
• • 安装
  • VSCode安装插件

情景一 ：豆包Trae

Trae安装

豆包旗下-IDE-TRAE官网安装

Trae使用

参考B站学习视频

1、内置智能体

1、Chat模式：普通聊天模式

只聊天，代码不会自动生成，需要用户自己点击应用；

2、Agent模式：自动生成代码模式

不光是聊天，直接生成代码，还能自动数据库建表等；

以自己为主导

3、SOLO Agent模式：

以AI为主导

两种模式:

Plan 计划模式：适合中小型功能开发

现生成计划，再按照计划执行；

Spec 规范模式：适合更复杂的功能开发；

会生成三个特定md文件；

用户也可以根据需求，新增智能体：

2、版本回退

聊天记录里面，选择对应的版本，直接进行回退；

默认最近10个聊天版本；

但是回退之后，之后的的版本默认消失；

3、模型选择

一般默认Auto，用户可以根据需要关闭Auto,自己选择模型；

选择GLM5.1大模型，更智能；

用户购买的模型，也可以选择添加：

4、优化内容

把你输入的内容，翻译成更明确的实现语言；

5、行内编辑

选中部分代码，编辑或者添加到对话；

点击接受，直接到行内；点击后面的Alt+Y单行接受修改；Alt+N单行拒绝修改；

6、CUE模式

代码自动补全，Tab全部接受；

7、rules规则

手动引用rules 聊天窗口输入 #符号：

8、Trae中#的使用

#Code:

#File:

情景二 ：华为CodeArts Agent

安装

官网申请30天试用，安装CodeArts Agent IDE

个人免费500万Tokens，玩一个月；

使用

智能体选择GLM5.1，可以直接发图片；

Trae Agent模式下无法发图片；

有时候，会需要排队的情况：

情景三、海外Cursor

安装

打开官网 选择版本，我安装的是Windows User版本

感觉比华为云CodeArts更快点；

使用

参考视频B站

1、基本功能

左侧图标：

行内编辑：Ctrl+K快捷键

2、模式

Agent：自动模式

全自动自主编码，自动读多文件、改多处代码、自动运行验证、循环修正 BUG，对应 Composer2.5 大模型。

Plan：规划方案，只出方案不改代码

只分析代码、输出修改方案 / 架构思路，不会自动修改任何源文件

Debug：专门排错

专注报错排查，粘贴报错堆栈 + 出错源码，自动定位异常根源、给出修复代码。

@a.html 左侧选中觉得有问题的代码， add to now chat，分析代码；

Multitask：多任务分步执行

把需求拆成多个独立小任务，分步逐个完成、分批修改代码，任务之间隔离。

Ask：纯问答

只答疑、解释代码含义、语法科普

行内问，Ctrl+K

3、输入框指令 上下文

@ 指定某个文件/目录：

比如@a.html 固定就修改该文件；

不写@：默认整个项目全目录上下文，AI 自动读取全部文件；

Agent 模式下搭配@精准限定范围 ，避免 AI 误改无关代码。

@ 单独文件；

@ 文件夹；

@ Docs；可以选择一个官方文档等；

4、Rules规则

项目规则：项目

用户规则：全局

5、实战 用Cursor开发一个chrome插件

1、首先 写个需求说明文档（md格式 借助大语言模型，比如Deepseek Chatgpt)

2、根据需求说明文档，生成简洁清晰的谷歌插件UI设计文档，保存md格式）（直接在Cursor-Agent模式）

3、根据需求文档和UI设计文档，开发Chrome插件

4、

情景四、海外ClaudeCode

安装

winget install Anthropic.ClaudeCode

claude --version

PS C:\Users\82310> claude --version
2.1.163 (Claude Code) 

C:\Users\82310.claude\settings.json 新增这个文件，配置内容：

{
  "env": {
    "ANTHROPIC_BASE_URL": "https://yuanyuaicloud.cn",
    "ANTHROPIC_AUTH_TOKEN": "deepseek 自己的 API key",
    "ANTHROPIC_MODEL": "glm-5.1",
    "API_TIMEOUT_MS": "600000",
    "CLAUDE_CODE_DISABLE_NONESSENTIAL_TRAFFIC": "1",
    "OPENAI_COMPAT": "true"
  },
  "theme": "dark"
}

VSCode安装插件

"claudeCode.environmentVariables": [



    {
            "name": "ANTHROPIC_BASE_URL",
            "value": "https://yuanyuaicloud.cn/v1"
        },
        {
            "name": "ANTHROPIC_AUTH_TOKEN",
            "value": "deepseek 自己的 API key"
        },
        {
            "name": "ANTHROPIC_MODEL",
            "value": "glm-5.1"
        },
        {
            "name": "API_TIMEOUT_MS",
            "value": "600000"
        },
        {
            "name": "CLAUDE_CODE_DISABLE_NONESSENTIAL_TRAFFIC",
            "value": "1"
        },
        {
            "name": "OPENAI_COMPAT",
            "value": "true"
        }
] // ANSI 编码在 Windows 中通常对应 windows1252