# Claude Code零基础配置指南
**作者**: 阿西_出海（2.0版）
**日期**: 2026-04-01T12:55:06.000Z
**来源**: [https://x.com/imaxichuhai/status/2039325682795171945](https://x.com/imaxichuhai/status/2039325682795171945)
---
openclaw 最近很火，大部分人都低估 Claude Code。
很多人以为 Claude Code 就是个写代码的工具。其实不是。它更像一个万能执行助手“，你用自然语言说出想法，它帮你变成真东西。
比如你想做个网站，跟它说“我要个落地页”，它就给你做出来，能直接发布上线。或者你有些培训内容，它能帮你变成交互式教程，比 PPT 好用多了。甚至数据分析这种事，它也能像数据分析师那样给你做交互式图表，完全不用学 Excel 公式。
说白了，Claude Code 的核心不是“写代码”，而是把你脑子里的想法，直接变成能用的东西。代码只是中间过程，你根本不用管。
Ruben Hassid 最近分享了一篇关于 Claude Code 的实用教程，详细讲解了如何让完全不懂编程的人也能用 AI 工具写代码。本文对其教程进行了深度解读，教你如何高效地使用 Claude Code。
通过本文你会学到：如何设置 Claude Code、用它给技术团队做演示、不写代码就能搭建完整网站，以及如何用上 AI 在编程方面的最新能力。
Claude：用自然语言代替代码
快速设置 Claude Code:
去 claude.com/download 下载应用
订阅 Pro 账户（20 美元/月）
打开应用，点顶部的 Code 标签（在 Chat 和 Cowork 旁边）
选个文件夹
AI 编程能做的事情太多了。它就像你拥有了一个初级程序员，每天成本不到一美元，7×24 小时工作。而且可以把代码发布到网上，所有人都能访问。但要做到这一点，得先把 Claude Code 连接到 GitHub（免费）。
下面是设置步骤：
## 步骤 1：注册免费 GitHub 账户
GitHub 就是代码的云盘，类似 Google Drive。免，不用花钱。
打开 github.com，点页面中间的 Sign up。
填邮箱、选用户名、设密码。
## 步骤 2：连接 Claude Code 与 GitHub
打开 Claude 桌面应用
进入设置 → Connectors
选择 Browse connectors → 搜索 GitHub → 连接你的 GitHub 账户
## 步骤 3：使用自然语言开始编程
进入 Claude Code
选择 Opus 4.6，启用 Auto accept edits
确保 GitHub 已连接
输入提示词，清楚说明需求、目标，最好附带示例
提示词模板：
> 创建一个名为“mediakit-website”的 GitHub 仓库。本人不会编程也不打算学习。请代为编写所有代码。尽量减少权限请求（或完全不请求）。请遵循以下指示：1. 目标是【目标】，成功标准是【成功标准】。2. 参考示例【附件】。3. 遵循步骤【要遵循的步骤】。
## 步骤 4：接受权限、查看网站、持续迭代
即使启用了“Auto accept edits”, Claude Code 仍会持续请求权限，后文将详细说明如何完全避免这个问题。
接下来就是不断调整：
先看网站效果（跟 Claude 说“给我一个所有人都能访问的链接”）
边看边记下哪里不对劲
把问题列成清单发给 Claude Code
Claude Code 一个个改
刷新页面，继续找问题……
就这样来回调整，这就是 vibecoding 的玩法。
但还有一个方法可以让效率提升 100 倍。
解决烦人的权限弹窗
用 Claude Code 的时候，你会发现一个烦人的地方：权限弹窗。
每次 Claude 要改文件、新建文件或者跑命令，都会跳出来问你：“确定要这么干吗？”
构建一个小型网站，需要点击“允许”超过 20 次，严重打断工作流程。
Claude 这么设计是因为它担心 AI 乱改代码，所以每次动手前都要问你一声。这个设计对程序员来说挺好，但对不懂代码的人来说，反正也看不懂它在改啥，每次都点“允许”就很烦人。
绕过权限请求的话可以按照以下步骤操作：
## 步骤 1：下载 VS Code（免费）
访问 code.visualstudio.com，下载并安装。
VS Code 是程序员写代码用的编辑器。你自己不用写代码，只要装上它，让 Claude 在里面帮你写就行。
## 步骤 2：安装 Claude 扩展
打开 VS Code。点击左侧边栏的扩展图标，搜索 Anthropic 的“Claude”扩展。点击安装。
系统会要求你使用 Anthropic 账户登录，使用与 Claude 相同的账户即可，这样就可以在 VS Code 中使用 Claude Code 了。
## 步骤 3：配置 VS Code 中的 Claude 设置
在同一界面中进行配置。
找到“Skip Permissions”选项，把它打开。这样 Claude 就不会每次都问你了，设置一次就行
每次开始干活之前，记得检查一下“Bypass permissions”是不是开着的。
## 步骤 4：高效 Vibecode
输入提示词后，Claude 就开始自己干活了：读文件、写代码、建新文件、跑命令，全程不用你管。你可以去干别的事，过会儿回来看结果就行。
这就是开了全速模式的感觉。
建议你自己试试。试过一次之后，你就回不去了。
提示词技巧：如何高效使用 Claude Code
## 技巧 1：从截图开始
看到喜欢的网站设计，截取屏幕截图，直接拖入 Claude Code。输入：“请构建一个类似的网站，用于【你的项目】。”
Claude 会识别图片并用代码重现布局。这是最快的方法，比用文字描述需求要高效得多。
## 技巧 2：描述最终结果，而非实现步骤
不好的提示词：“创建一个 HTML 文件，添加 CSS 样式表，使用 flexbox 布局，实现响应式设计……”
好的提示词：“需要一个简洁的咨询业务落地页。包含大标题、4 项服务列表、预订链接，以及包含社交媒体链接的页脚。”
你是项目经理，Claude 是开发者，你只需提供需求即可。
## 技巧 3：让 Claude 读取你的文件
如果文件夹里已经有 about-me.md 或者品牌指南这类文件，可以跟 Claude 说：“先看看文件夹里的文件，网站文案要用一样的语气和风格。”
## 技巧 4：每次专注一个任务
别一次性提 很多要求，先做主页，做完了再加联系页面，然后再搞博客。
一步步来，一次只提一个需求。
## 技巧 5：发现问题时使用截图
看到哪里不对劲，截个图，直接扔给 Claude Code。
比如跟它说：“这块在手机上显示乱了，帮我改改。”
Claude 看一眼就知道问题在哪，10 秒搞定。
让 Claude 记住你的项目
Claude Code 有个缺点就是：每次重新打开，之前选的字体、颜色、页面怎么排版的，全忘了。得从头跟它说一遍。
有个办法能解决：
做完项目后，把下面这段话复制粘贴给 Claude Code:
> 在项目根目录建个 CLAUDE.md 文件。把你知道的关于这个项目的所有东西都记在里面：文件夹怎么组织的、每个文件是干嘛的、设计上的选择（字体、颜色、布局）、我的偏好，还有现在有哪些页面。
Claude 会在项目文件夹里建个 CLAUDE.md 文件，这就是它的“记忆本”，把你的偏好、之前怎么定的、结构、风格这些全记上。
过几天再回来，打开这个文件夹，Claude 会先翻这个 CLAUDE.md，网站长啥样、用啥字体、有哪些页面、上次改了啥，全知道。
这时候你说“加个博客页面”，它就自动按之前的风格来做，不用你再说一遍。
Claude Code 有哪些坑
坑 1：烧钱快
用一次 Code 相当于用 20 多次普通 Claude。天天用的话，20 美元/月的 Pro 套餐一周就用完了。
坑 2：代码质量你看不懂
Claude 写代码的时候，你只能信它，因为你看不懂代码。我的办法是：测实际效果。每个按钮都点一遍，手机上也看看，眼见为实。
其实最适合拿来给程序员演示需求，这才是重点，不是真的要用它做出能上线的软件，而是让开发者看懂你到底要啥。
坑 3：被 bug 卡住
Claude 改错了，又去修，结果改出新错，再修，就这么死循环。看到同一个错误出现两次，就知道它卡住了。这时候跟它说：“停。先说说哪儿出问题了，给我 2 个不同的解决办法。”这招每次都管用。
坑 4：桌面版功能太弱
Claude 应用里的 Code 标签适合试试水， VS Code 就好用很多了，能自动接受改动、文件管理更清楚、速度也快。熟了之后，直接用 VS Code，别在桌面版上浪费时间。
坑 5：做出来的网站不够好看
Claude 做的网站能用，但设计很平庸。得主动推它。给它看你想要的截图，告诉它用啥字体、间距、颜色。光说“弄好看点”没用，做出来跟别人的一个样。一定要给参考图。
本文基于 Ruben Hassid 内容深度整理：
https://x.com/rubenhassid/status/2034577774094991369
> 🫶感谢看到这里，如果对你有帮助，欢迎关注我的 X 账号👉@imaxichuhai，我会持续分享AI 思考、AI 工具使用体验等内容。
也欢迎关注我的公众号：
## 相关链接
- [阿西_出海（2.0版）](https://x.com/imaxichuhai)
- [@imaxichuhai](https://x.com/imaxichuhai)
- [666](https://x.com/imaxichuhai/status/2039325682795171945/analytics)
- [claude.com/download](https://claude.com/download)
- [github.com](https://github.com/)
- [code.visualstudio.com](https://code.visualstudio.com/)
- [about-me.md](http://about-me.md/)
- [CLAUDE.md](http://claude.md/)
- [CLAUDE.md](http://claude.md/)
- [CLAUDE.md](http://claude.md/)
- [Ruben Hassid](https://x.com/rubenhassid)
- [https://x.com/rubenhassid/status/2034577774094991369](https://x.com/rubenhassid/status/2034577774094991369)
- [@imaxichuhai](https://x.com/@imaxichuhai)
- [Upgrade to Premium](https://x.com/i/premium_sign_up)
- [8:55 PM · Apr 1, 2026](https://x.com/imaxichuhai/status/2039325682795171945)
- [666 Views](https://x.com/imaxichuhai/status/2039325682795171945/analytics)
---
*导出时间: 2026/4/1 23:19:57*