系列直播课:Claude code/CodeX 系列直播课
上个月在北京的一场活动上,我遇到了一个 11 岁的小女孩。
她妈妈带她来参加 AI 编程的分享会。小姑娘很好奇,但也担心:「我从来没写过代码,能学会吗?」
我帮她装好了 Claude Code,然后问她:「你想做什么?」
「我想做一个小游戏!」她眼睛亮了。
15 分钟后,她在自己的电脑上运行起了一个军棋小游戏。虽然很简单,但真的能玩。她兴奋地跑去找妈妈:「妈妈你看,这是我做的!」
那一刻我在想,如果一个 11 岁的孩子都能在 15 分钟内做出东西,那些担心「我不会编程」的成年人,真的没什么好怕的。
这篇教程,就是想让你快速学会使用 Claude code,让你的想法变成现实。
不管你是运营、设计师、产品经理,还是纯粹的好奇者,跟着走一遍,你也能做出自己的第一个作品。
如果你按照我下面推荐的安装方式(Mac 的 curl 命令或 Windows 的 PowerShell 命令),不需要提前安装 Node.js。
之前很多教程让你先装 Node.js,很多人就卡在这一步了。现在 Claude Code 提供了更简单的一键安装方式,跳过了这个坑。(2025年12月1日更新:这里 Claude code 增加了地区检测,需要挂梯子才能执行,在命令行里配置代理)
Mac 用户:
- 打开「终端」(Terminal)- 在启动台里搜索就能找到。终端是一个使用命令让电脑干活的方式,只需要会复制粘贴,按回车,就可以用。
- 复制这行命令,粘贴进去,回车:
Windows 用户:
- 点击开始菜单,搜索「PowerShell」,右键选择「以管理员身份运行」
- 复制这行命令,粘贴进去,回车:
安装过程会自动下载,等个 1-2 分钟就好。
安装完成的标志:会提示「Claude Code installed successfully」。
- 安装 Node.js
https://nodejs.org/zh-cn/download
- Mac:点击「macOS 安装程序(.pkg)」
- Windows:点击「Windows 安装程序(.msi)」,更完整的教程,可参考详细步骤
验证安装:
Mac
在Finder「应用程序->工具文件夹->终端」,打开终端,输入 ,按回车。如果显示版本号,说明 Node.js 安装成功。再输入 ,按回车。如果显示版本号,说明 npm 也安装成功。

Windows
按下键盘上的 Win + R 键,输入 “cmd”,然后按回车,打开命令提示符。在命令提示符窗口中输入 ,按回车。如果显示版本号,说明 Node.js 安装成功。再输入 ,按回车。如果显示版本号,说明 npm 也安装成功。
安装 Claude code
Claude code 官方(Windows 和 Mac,安装方式都一样)
复制以上内容,粘贴到终端,按回车安装。
安装完,输入 ,按回车,如果看到版本号,则说明安装成功。

唯一的门槛,就是搞定一个能在 Claude code 里用的账号。
可以这样理解 Claude code:它是一个工具,Claude code 和大模型的关系,就像手机和运营商的关系。你的手机可以选电信、联通、移动,都能打电话上网,Claude code 就相当于手机,大模型就相当于运营商,你可以在 Claude code 使用各种模型,你只需要为大模型付费。
Claude 官方会直接封中国用户的账号,所以使用官方账号门槛很高。
推荐使用中转方案,或者用国产大模型平替。
如何选择?如果追求效果最好,选中转;如果追求简单方便,选国产大模型。
用 DeepSeek 给大家做一个简单的演示:
第一步:
- 打开 DeepSeek 开放平台:https://platform.deepseek.com
- 注册 DeepSeek 账号并登录

第二步:
- 获取 API:https://platform.deepseek.com/api_keys
- 新建一个 APIkey,名字随便取
- 复制 API key

第三步:在 Claude code 里使用
复制以下所有的内容,把第二行里的 换成你上一步生成的 APIkey,其他不要动:
- 粘贴到命令行里,然后按回车键
- 之后,不会有任何反馈,这是正常的
- 然后输入 ,按回车,就可以进入 Claude code 了!(中间会有一些让你确认的,选 yes,继续就 OK)
- 左上角如果能看到 DeepSeek-chat,就说明用的就是 DeepSeek

其他大模型,也是类似于这样的流程去获取 API key 使用。
然后,如果需要多个大模型来回切换,可以使用 cc Switch
安装教程:https://github.com/farion1231/cc-switch/blob/main/README_ZH.md
Cc Switch 说明文档
Windows 版本下载
Mac 版本下载
使用终端、命令行还是挡住了非常多的朋友,这个时候,有个界面很重要!
Claude code、Codex 官方也都推出了插件,安装即可使用。
第一步:安装 VS Code
https://code.visualstudio.com/
在 VS Code 官网下载安装,免费的
第二步:安装插件
点击链接:https://marketplace.visualstudio.com/items?itemName=anthropic.claude-code ,会自动跳转到 VS Code 安装。
或者在 VS Code 插件市场搜索「Claude code」,即可安装

如何使用
安装完之后,点击 Claude code 图标,即可使用。

这个时候配置 base url 和 api key 比较麻烦,可以用 cc Switch 去配置:
在 cc Switch 里勾选应用到 Claude code 插件,然后重新启动 VS Code。


开启 Claude code 全自动模式
默认状态下,Claude code 只能在 plan、手动确认、自动编辑三种模式选择,可以在 cc 插件里开启「Allow Dangerously Skip Permissions」,这样能开启全自动模式,cc 能自动运行命令,无需二次确认。下面的选项里,也可以把全自动模式配置为默认模式。

我建议第一个项目做「待办清单」。
为什么?
- 够简单,15 分钟能完成
- 够实用,做完了真的能用
- 够完整,该有的功能都有(增删改查)
最终效果是什么样?
一个网页,你可以:
- 添加任务
- 标记任务完成
- 删除任务
- 界面干净好看
还是在刚才的终端里,输入:
解释一下:
- :创建一个叫「my-todo-app」的文件夹
- :进入这个文件夹
- :启动 Claude Code
现在你在 Claude Code 里了,可以开始对话。
直接让 AI 写代码,容易一团乱。
聪明的做法是先让它给你一个计划,看清楚要做什么,再开始写代码。
复制这段话,发给 Claude:
Claude 会回复类似这样:
你只需要回复:「好的,开始吧」
这是最神奇的部分。
你会看到 Claude 开始自己工作:
- 创建 文件
- 写入 HTML 代码
- 创建 文件
- 写入样式代码
- 创建 文件
- 写入交互逻辑
整个过程你什么都不用做。就像看着一个程序员在你的电脑上工作。
每创建一个文件,Claude 都会告诉你它在做什么。比如:
大概 2-3 分钟,所有代码就写完了。
代码写完后,Claude 会告诉你怎么运行。通常会说:
Mac 用户:直接在 Finder 里找到 文件夹,双击
Windows 用户:在文件资源管理器里找到这个文件夹,双击
浏览器会打开,你会看到:
- 顶部有个大标题「我的待办清单」
- 一个输入框,旁边有「添加」按钮
- 下面是任务列表区域
试试添加一个任务:「学会用 Claude Code」,点击添加。
你的第一个任务出现了!
点击任务可以标记完成(会有划线),旁边的删除按钮可以删掉它。
恭喜,这就是你用 AI 做出的第一个作品。
现在你可能会想:能不能改改?
当然可以,而且超级简单。
假设你想给每个任务加上时间戳,显示是什么时候添加的。
直接在 Claude Code 里说:
Claude 会:
- 告诉你需要改哪些地方
- 自动修改 添加时间记录逻辑
- 自动修改 添加时间显示的样式
你只需要刷新浏览器,新功能就生效了。
这就是 AI 协作的感觉:你提需求,它写代码,你验收效果。
不满意?继续对话调整。
你还可以尝试:
- 「加一个优先级标签,重要的任务显示红色」
- 「加一个全部删除按钮」
- 「换一个配色方案,我想要蓝色系」
每次 Claude 都会理解你的意思,自动改代码。
在过去半年教学员用 Claude Code 的过程中,我发现新手最常问这些问题:
别慌,Claude Code 有「时光机」功能。
方法一:按 ESC 两次
快速回退到上一个版本
方法二:输入命令
Claude 会列出历史版本,你可以选择回到哪个时间点
方法三:直接说
「刚才那个改动我不喜欢,还原回去」
答案:你不需要懂代码,你只需要测试功能。
就像你不需要懂汽车发动机,也能知道车能不能开。
- 添加任务试试,能加上吗?
- 标记完成试试,有划线吗?
- 删除试试,真的删掉了吗?
- 刷新页面,数据还在吗?
功能对了,代码就是对的。
有问题?直接告诉 Claude:「删除按钮点了没反应」,它会自己检查和修复。
这是个好问题,说明你真的在学习。
简单回答:如果你用的是我推荐的安装方式(curl 或 PowerShell 一键安装),就不需要 Node.js。
完整解释:Claude Code 有多种安装方式。如果用 NPM 方式(),需要先装 Node.js。但一键安装方式(curl/PowerShell)已经把所有依赖打包好了,直接用就行。
对新手来说:跟着我这篇教程的步骤走,别去碰 NPM 安装,就不会遇到 Node.js 的问题。
这取决于你的目标。
如果你想快速做出东西(做个工具、验证个想法、自动化工作):
- 从 Claude Code 开始是对的
- 边做边学,有问题就问 Claude
- 遇到不懂的概念,让 Claude 解释
如果你想成为专业开发者:
- Claude Code 是很好的辅助,但不能替代系统学习
- 建议路径:用 AI 做出第一个项目(建立信心)→ 系统学习基础(CS50、FreeCodeCamp)→ 再用 AI 加速开发
我在 WaytoAGI 社区的观察:很多人就是通过 Claude Code 找到了编程的乐趣,然后主动去学了 JavaScript、Python。
因为当你做出东西的时候,学习的动力完全不一样。
报错图:


正确配置:

配置里,需要正确使用 ANTHROPIC_API_KEY 或 ANTHROPIC_AUTH_TOKEN,取决于你使用的服务商。
如果你挂了梯子,但命令行里默认不会走梯子,所以需要额外配置一下,类似于:
按回车,然后再次执行安装命令。

完成了这 15 分钟的教程,你已经掌握了:
- ✅ 安装和认证 Claude Code
- ✅ 先规划再动手的方法
- ✅ 让 AI 写代码并运行
- ✅ 迭代修改功能
- ✅ 解决常见问题
接下来试试这些:
1. 做个你真正需要的工具
- 记账页面?
- 倒计时器?
- 个人简历网站?
2. 挑战:给待办清单加功能
- 加一个「优先级」分类(高/中/低)
- 加一个搜索功能
- 换成你喜欢的配色
3. 加入社区
- 关注我的公众号「AI 工具进化论」
- 加入 WaytoAGI 的 AI 编程讨论区
- 把你的作品发出来,我们一起交流
那个 11 岁小女孩最后跟我说:「原来编程没那么难,就像跟一个很厉害的朋友聊天。」
她说对了。
2025 年的 AI 编程工具,本质上是降低了「想法」到「实现」的门槛。
以前你得先学几个月代码才能做出东西,现在你可以先做出东西,再慢慢理解背后的原理。
这不是说传统学习不重要,而是学习的路径变了。
先用 AI 做出第一个作品,建立信心和兴趣,然后再去系统学习底层知识。
这个顺序,反而让很多人坚持下来了。
所以,别担心自己「不会编程」。
打开 Claude Code,用 15 分钟试一试,你可能会发现一个新世界。
关于作者:Ben,WaytoAGI AI 编程区主理人,前飞书多维表格产品经理。帮助了数百位非技术背景的朋友用 AI 做出了第一个作品。
公众号:AI 工具进化论
更多提示词技巧:AI 编程:提示词修炼(附12 个常见提示词库)
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容,请联系我们,一经查实,本站将立刻删除。
如需转载请保留出处:https://51itzy.com/kjqy/218312.html