五一假期，花半天装个 Claude Code 玩玩？
五一假期，花半天装个 Claude Code 玩玩？
来源类型： 微信公众号文章
日期： 2026-06-02
标签： AI, 编程, 大模型
原文链接： https://mp.weixin.qq.com/s/HH3CJnkMT4q1G7vi484PfQ
摘要
内容编辑丨特工小师 特工小饼 内容审核丨特工少女 我有个朋友，五一假期突然来了兴致，想 Vibe Coding 一个自己的网站。 想法很好，但他卡在了第一步：不会装 Claude Code。 他给我发消息的时候已经晚上十点了，语气里带着一种「明天就放假了再不搞就来不及了」的急迫。 于是，我帮他远程折腾了一会儿，装好之后他立刻开始对着终端敲需求，兴奋得像个刚拿到新玩具的小孩。 挂掉电话我就想，可能很多人都卡在这一步： Claude Code 这东西，用起来确实爽，但安装过程对非开发者来说还是有点门槛。而且装完之后还有个 API 的问题要解决。 所以我把整个过程整理...
核心内容
内容编辑丨特工小师 特工小饼
内容审核丨特工少女
我有个朋友，五一假期突然来了兴致，想 Vibe Coding 一个自己的网站。
想法很好，但他卡在了第一步：不会装 Claude Code。
他给我发消息的时候已经晚上十点了，语气里带着一种「明天就放假了再不搞就来不及了」的急迫。
于是，我帮他远程折腾了一会儿，装好之后他立刻开始对着终端敲需求，兴奋得像个刚拿到新玩具的小孩。
挂掉电话我就想，可能很多人都卡在这一步：
Claude Code 这东西，用起来确实爽，但安装过程对非开发者来说还是有点门槛。而且装完之后还有个 API 的问题要解决。
所以我把整个过程整理了一下，争取让你半天之内从零开始跑通，五一剩下的时间就可以愉快地 Vibe Coding 了。
三分钟安装 Claude Code
这次以 Mac 为例演示，Windows 的流程类似，可以自行查阅文档或者 AI。
第一步，安装 nvm
打开终端，先用 brew 装 nvm：
brew install nvm
装完之后需要建目录、把配置写入 。zshrc，直接复制这段命令执行：
echo '# 永久加载 nvm export NVM_DIR="$HOME/.nvm" [ -s "/opt/homebrew/opt/nvm/nvm.sh" ] && . "/opt/homebrew/opt/nvm/nvm.sh" [ -s "/opt/homebrew/opt/nvm/etc/bash_completion.d/nvm" ] && . "/opt/homebrew/opt/nvm/etc/bash_completion.d/nvm"' >> ~/.zprofile source ~/.zprofile
第二步，安装 node
一行命令搞定：
nvm install node
第三步，安装 Claude Code
这里用了国内镜像源，速度会快很多：
npm install -g @anthropic-ai/claude-code --registry=https://registry.npmmirror.com
安装完成后，终端里直接输入 claude 试试：
claude
第四步，配置登录状态
按 ⬆️+Command+。 打开隐藏文件，找到 .claude.json:
在里面加一行配置：
"hasCompletedOnboarding": true
第五步，打开 Claude Code
点击 claude，就能正常启动了。
整个安装过程如果网络顺畅，真的三分钟就能搞定。
但装完你会发现一个问题：它需要接 API 才能真正跑起来。
这就引出了下一个关键步骤。
五分钟接一个免费 API
安装好 Claude Code 本体之后，你需要给它接一个模型 API。这一步决定了它背后用什么大脑来思考和生成代码。
我这次用的是词元跳动。原因很直接：注册就送 20 块钱额度，够你折腾好几个项目了。
更重要的是，它可以一站式接入国内所有主流大模型。包括最近新出的 Deepseek V4-pro，而且目前有百亿补贴活动许多模型在打折，性价比非常高。
对于想花最少的钱，玩最多花样的人来说，这个方案几乎没有比它更划算的了。
具体操作也很简单：
第一步，注册并获取免费额度
打开 https://tokendance.space/ ，注册一个账号。
注册成功后，20 块钱的免费额度会自动到账。
第二步，获取 API Key
在后台生成一个 key：
复制这个 key 备用。
然后进入 https://tokendance.space/docs/claude-code ，这个页面有完整的配置说明，直接复制对应的配置内容。
第三步，写入配置文件
先创建配置文件：
touch ~/.claude/settings.json
然后把刚才复制的配置内容写进去，记得加上
"hasCompletedOnboarding": true
这一行。
第四步，重新启动 Claude Code
再次在终端输入 claude，这次它就能正常连接模型了。
跑通的那一刻，你会看到终端里的光标开始闪烁等待你的输入。
到这一步，你的 Vibe Coding 环境就算完整搭建好了。
整个过程加起来，熟练的话十分钟之内可以全部完成，即便是第一次操作，半小时也绰绰有余。
Claude Code 怎么玩
Claude Code 跑通了，接下来就是最有意思的部分：就可以开始 Vibe Coding 啦。
所谓 Vibe Coding，就是你不需要写代码，只需要用自然语言描述你想要什么，AI 帮你从零生成整个项目。
我试着给它丢了一个想法：
然后就是等。
Claude Code 开始自己分析需求、创建文件结构、写 HTML、写 CSS、写 JavaScript。终端里的代码一行一行往外蹦，大概两三分钟之后，一个完整的网站就生成好了。
如果你用词元跳动，好处在这里就体现出来了：
你可以随时切换不同的模型试试效果。比如用 GLM5 跑一遍同样的需求，看看它的代码风格和架构选择有什么不同。这种灵活性在其他方案里是做不到的，因为你通常只能绑定一个模型提供商。
而在词元跳动这里，所有主流模型都是即用即切的。
如果你装完 Claude Code 之后还想继续折腾，这里有几个我觉得挺值得试的方向。
1、给它装个桌宠。
之前我推荐过一个项目，可以给终端里的 Claude Code 加一个桌面宠物。纯粹是好玩，但每次看到一个小东西在屏幕角落跟着你的代码节奏动来动去，心情确实会好一点。
2、连接飞书和微信
这两个项目可以让 Claude Code 跟你的即时通讯工具打通：
微信：https://github.com/hao-ji-xing/cc-weixin
飞书：https://github.com/op7418/Claude-to-IM-skill
连上之后，你可以在微信或飞书里直接跟 Claude Code 对话，让它帮你写代码、改文件、跑脚本。不用每次都打开终端，在聊天窗口里就能完成很多操作。
这几个扩展加在一起，Claude Code 就从一个终端工具变成了一个随时在线的开发助手。
你在任何场景下想到什么需求，随手发条消息就能开始。
说实话，半年前我第一次听到 Vibe Coding 这个概念的时候，觉得它更多是一种噱头。但现在亲自跑了几个项目之后，我改变了看法。
它确实改变了「做东西」这件事的门槛。
以前你想做一个网站、一个小工具、一个数据看板，要么花钱找人开发，要么自己花几周学技术栈。
现在的情况是：你只要能把需求说清楚，Claude Code 加上一个靠谱的模型 API，几分钟到几十分钟就能给你一个可用的结果。
词元跳动的 api 和百亿补贴，在这个环节也提供了很大的价值：
https://tokendance.space
...(内容截断，完整内容请查看原文)
本页由自动化脚本生成，待人工审核补充