学习AI 编程工具

IDE

IDE (Integrated Development Environment) 的核心价值在于集成。它将软件开发所需的各种工具(编辑器、编译器、调试器、文件管理器等)整合到一个统一的图形界面中,提供一站式的工作体验。

例如:VS Code、IntelliJ IDEA等。

AI IDE

  • 智能代码生成与补全:根据伪代码、需求说明或指令可以直接补全逻辑和生成一段代码甚至整块代码。
  • 代码理解与问答:理解并回答关于某段代码、某个文件,甚至整个工程目录结构的问题。
  • 代码重构与优化:根据你的意图,重写或优化指定代码片段的实现逻辑。
  • 自动生成测试:自动生成针对不同函数和模块的测试代码,方便进行有针对性的测试。
  • Agent 式任务执行:智能 Agent 可以自动生成、打包、安装、运行和修改代码。

具备上述特点的IDE可以成为AI IDE。

例如:Antigravity、Trae、Cursor、Qoder、CodeBuddy、VS Code + Cline、Kiro。

其中Trae、Cursor用的较多。

CLI AI

CLI 指的是通过终端或命令提示符,用纯文本命令来操作软件应用,而不是依赖图形界面。

CLI AI可以类比为AI IDE中对的编程Agent模块,

例如:Claude Code、Codex。

其中Claude Code用的较多。

AI IDE VS CLI AI

表格来源:https://northflank.com/blog/claude-code-vs-cursor-comparison

简单说,CLI AI 编程工具通常可以:

  • 支持更长时间的连续对话(甚至可以帮你"工作一整天")。
  • 提供更长的上下文窗口(不再频繁需要你说"继续")。
  • 响应速度更快(可以接入更多自定义模型 API)。

在编码相关操作上,它们通常比大部分 IDE 内置 Agent 更聪明、更稳定。

Claude Code

Claude Code

它是由 Anthropic 基于 Claude 大模型能力开发的一款 AI 编程工具。它的主要交互场景在终端,同时也支持作为 VS Code 插件来使用。类似于 AI IDE 中的 Agent,它可以深度理解开发者的代码仓库,并通过自然语言指令完成端到端的开发任务------包括代码编辑、修复 Bug、执行和修复测试、管理 Git 工作流(例如解决合并冲突、创建 PR)、复杂代码讲解、执行终端命令等。

Claude Code的优势

主要体现在:极长的上下文窗口(可以处理完整文件甚至小型项目)、可以主动澄清模糊需求、自动规划和分配执行任务,以及对整个代码库内容的深度理解和解释能力。

Claude Code的安装
复制代码
WinGet (Windows):
winget install Anthropic.ClaudeCode
(其他系统安装命令请查看github官网)
Claude Code的使用

因网络及费用原因,可以使用兼容 Claude Code 协议的其他大模型的 API 平台作为后端。

例如:

Codex 使用 GPT-5,在整体能力上更强;

Claude Code 通过 GLM 4.6 转发 API,整体体验接近 Claude 4,但价格更便宜。

  1. 安装CC Switch
    CC Switch是Claude Code的可视化的配置修改插件,可一键切换后端模型。
    下载请参考官方文档:CC Switch
  2. 模型切换

    先点击 Claude Code图标,再点击 添加即可,根据自己选择的模型进行信息的填写,然后 在界面上启用即可。
内部工作机制

Claude Code 会把编程任务拆解成一个持续的"感知---思考---行动---验证"循环,并在其中调用不同工具完成任务。它模仿人类开发者的工作流:不断"写代码 → 运行 → 看结果 → 再改进"。系统内部通过一个主任务循环不断执行步骤,在每一轮循环中,Claude 都可以调用不同工具------例如读写文件、执行命令、搜索代码等------再根据工具返回的真实结果决定下一步行动。

其中有几个关键特性值得注意:

  • 流式处理(Stream Processing):Claude 可以一边思考一边输出结果,而不是必须等所有代码写完再执行。
  • 智能压缩(Intelligent Compression):长对话容易导致上下文过长,Claude 通过将历史压缩成关键信息来减少"遗忘"的概率,并通过区分长短期记忆保证高效运行。
  • 并发控制(Concurrency Control):内部并行设计可以让多个任务同时进行,互不干扰。
  • 子 Agent 管理(Sub-agent Management):实际工作中并不只相当于一个"角色"处理所有事情,你可以管理多个子 Agent 协作处理代码,每个 Agent 负责不同任务,比如专门负责测试、专门负责写文档等。

实战:用 CLI AI 在本地生成贪吃蛇游戏

  1. 新建空文件夹并使用Claude Code打开

  2. 在CLI中输入提示词

    请你用 React 架构实现贪吃蛇游戏,包含键盘控制、吃到食物变长加分、撞墙或撞到自己时显示"游戏结束"并支持重新开始。实现后帮我启动这个项目。如果遇到没安装的程序环境就自动安装没安装的环境。

  1. AI自动生成目录结构、文件及代码

  2. 代码编写完成及成功运行界面

  3. 第一次生成的代码BUG还是很多的,如在测试或使用中遇到BUG,可以进一步与AI交互,让其修改后再进行测试

  4. 可以想AI询问代码的实现细节

    请从上到下讲一遍,这个贪吃蛇游戏每一步是怎么动起来的?尽量少用专业术语。
    "蛇在屏幕上的每一节身体,是用什么数据结构来记的?能打个比方吗?"
    "你是怎么控制'隔一段时间动一下'的?这在代码里是哪一段?"
    "蛇吃到食物时,你做了哪几步操作?在哪一段逻辑里判断吃到了?"
    "撞墙和撞到自己,分别是在哪些代码里判断出来的?"

  5. 让 AI 把画面变好看一点
    指令要清晰,修改要明确,表达清楚你要的效果。

    "请帮我把游戏界面整体美化一下:
    游戏区域居中显示,不要贴在左上角;
    换成较浅的背景色,让蛇和食物更醒目;
    把分数放大,放在明显的位置;
    以蓝色为主色调,美化一下整体配色和按钮。"
    "当游戏结束时,请在画面中央显示'游戏结束',下面有一个'重新开始'按钮,可以重置游戏。"
    "分数再大一点,颜色更醒目一些。"
    "游戏区域再紧凑一点,四周预留一点留白。"
    "重新开始按钮改成蓝色圆角风格,放在提示下方居中。"

如何高效的与AI交流

  • 说清楚你的需求:从"模糊想法"到"具体说明"
  1. 告诉它,你拿这个东西来干嘛
    例如:我想做一个只包含一页内容的个人简介网页,用来发给招聘的人看。
  2. 告诉它,大概需要哪几块内容
    例如:页面要有三个部分:最上面是名字和一句自我介绍,中间列出几条工作经历,最下面放邮箱和微信号。
  3. 告诉它,你的水平和限制
    例如:我完全不会写代码,请只用最简单的写法,让我可以直接复制到一个文件里,在浏览器里打开。
  4. 告诉它,你希望怎么拿到结果
    例如:请给我一份可以直接保存为 index.html 并在浏览器里打开的完整代码。

综合起来:"我完全不会写代码,想做一个只包含一页内容的个人简介网页,用来发给招聘的人看。

页面需要三个部分:上面一行是名字和一句自我介绍,中间是几条工作经历,下面是邮箱和微信号。

  • 用对节奏:先"能跑起来",再一点点变复杂
  1. 先要一个"最小的例子"
    例如 :请先给我一个最简单的示例,只要在浏览器里能看到一行'这是我的主页'就行。
    再一步步告诉我:文件名该叫什么,应该怎么保存,怎么打开。
  2. 在这个基础上,慢慢把内容加完整
    例如:在刚才的基础上,帮我增加一个'工作经历'区域,把完整代码重新发给我。不要只发改动的部分。
  3. 结构差不多之后,再考虑好不好看
    例如:现在页面已经能正常显示内容了。接下来请帮我稍微美化一下:整体居中,标题大一点,用一个比较舒服的字体。请给出更新后的完整代码。
  • 善用截图和复制:不会说就"把画面扔给 AI"
  1. 复制报错文字
    例如:当你看到一串红色错误消息时,可以直接复制出来,然后说:这是我运行后出现的完整错误信息。我看不懂这些英文,请先用普通人能听懂的话解释一下,这大概是什么意思。然后告诉我,我现在最简单应该怎么改。
  2. 给 AI 看截图
    例如:截一张当前页面的图,这是现在页面的样子,这是我现在的完整代码。 我原本希望它是三列排版,现在变成一列了。请你帮我看一下原因,并给我一份改好后的完整代码。
  3. 遇到喜欢的网页,想做个类似的
    例如:截一张当前页面的图,我想做一个结构和这个差不多的页面,不需要一模一样。请帮我用简单一点的代码,搭一个类似的框架出来,然后我再自己把文字换成我的。
  • 当 AI 生成的代码不工作时:一套通用应对方法
  1. 先把"你做了什么 + 现在什么样"说清楚
  2. 把你现在的完整代码发给 AI
  3. 如果有错误提示,一并给出
  4. 要求对方用"小白模式"一步一步讲
  5. 最后,请它帮你做"应该看到什么"的对照

参考链接:

DataWhale: 学会 AI 编程工具
DataWhale: 集成开发环境 (IDE) 基础
DataWhale: CLI AI 编程工具
Github: Claude Code

相关推荐
美酒没故事°20 小时前
Open WebUI安装指南。搭建自己的自托管 AI 平台
人工智能·windows·ai
鸿乃江边鸟20 小时前
Nanobot 从onboard启动命令来看个人助理Agent的实现
人工智能·ai
本旺20 小时前
【Openclaw 】完美解决 Codex 认证失败
ai·codex·openclaw·小龙虾·gpt5.4
张張40821 小时前
(域格)环境搭建和编译
c语言·开发语言·python·ai
乐鑫科技 Espressif21 小时前
使用 MCP 服务器,把乐鑫文档接入 AI 工作流
人工智能·ai·esp32·乐鑫科技
语戚21 小时前
Stable Diffusion 入门:架构、空间与生成流程概览
人工智能·ai·stable diffusion·aigc·模型
俊哥V21 小时前
每日 AI 研究简报 · 2026-04-08
人工智能·ai
rrrjqy1 天前
什么是RAG?
ai
Flittly1 天前
【SpringAIAlibaba新手村系列】(15)MCP Client 调用本地服务
java·笔记·spring·ai·springboot
Flittly1 天前
【SpringAIAlibaba新手村系列】(14)MCP 本地服务与工具集成
java·spring boot·笔记·spring·ai