From Zero to Claude Code in 19 Minutes (no code)

YouTube AI Channels 工具

摘要

本文介绍了如何使用 Claude Code(无需编码知识)通过自然语言构建项目,包括计划模式、持久记忆、MCP 连接器等核心功能,并演示了打字游戏和看板应用的实际构建过程。

暂无内容
查看原文
查看缓存全文

缓存时间: 2026/06/16 00:56

**TL;DR:** 你无需任何编程知识,仅通过自然语言就能用 Claude Code 构建打字游戏、效率工具、看板应用等真实项目;核心流程是:创建文件夹 → 切换到计划模式 → 回答引导问题 → 批准计划 → 自动构建 → 通过截图或文字修改。 ## 准备工作:账户、桌面应用与工作空间 ### 1. 获取 Claude 付费账户与桌面应用 你需要一个付费的 Claude 账户(专业版计划起步,Max 计划提供更多用量)。**桌面应用是必须的**——Web 版没有“代码”标签。安装方式与普通应用相同,安装后你会看到三个标签页:**聊天**、**协作**和**代码**。点击“代码”标签进入构建环境。 ### 2. 创建项目工作空间 Claude 代码在本地电脑上直接创建和编辑文件,因此需要给它一个文件夹的访问权限。建议做法: - 创建一个专用文件夹(如 `Claude 代码`),再为每个新项目建立子文件夹。 - 首次使用时,Claude 会请求文件夹权限,批准即可。 ## 构建第一个项目:一个打字游戏 ### 使用基础提示与计划模式 在提示框输入你的需求,例如: > “给我构建一个教我如何更快打字的游戏。要视觉化、游戏化、有趣且有效。” 随后**切换到“计划模式”**(在提示框上方开关)。Claude 不会立即构建,而是先列出完整计划供你调整或批准。切换到计划模式后发送提示。 ### 回答引导问题并批准计划 第一次使用,Claude 会询问几个问题来确定方向。例如: - 游戏风格 → 选择“赛车游戏” - 学习类型 → “纯粹的街机模式” - 视觉主题 → “霓虹音浪赛车” - 键入内容 → “有趣的引文和句子” 回答完毕后,Claude 返回一份详细计划,包含:游戏循环、为什么有效、架构、构建顺序等。你可以高亮任意区域并修改,满意后点击“接受计划”。 ### 自动构建与测试 Claude 开始构建。它使用一套工具执行构建、测试、调整并自主纠正方向。例如,它曾发现自己使用了错误参数,于是修复并重新测试。最终交付前,它会模拟打开游戏、点击按钮、打字通过关卡,确保一切正常。 修改非常直观:如果你看到任何问题(如 Claude 测试时留下的分数),**截个图粘贴到提示框**,告诉 Claude 删除或调整。它就会执行修改。 ### 理解游戏逻辑(无需代码) 若你想了解游戏如何运作而不想触发构建,直接提问即可。例如:“这是如何运作的?它会逐渐变难吗?” Claude 会回答你的问题而不启动构建。之后你可以基于理解要求增加难度级别等改动。 ## 核心概念:模型选择与持久记忆 ### 模型选择与 token 限制 下拉菜单中有大量模型可用。经验法则: - 专业版计划:**规划与首次构建**时使用最高级别模型(如 Opus 或 Fable),后续编辑时切换到较低级别模型以节省 token。 - Max 计划:通常一直使用最高级别模型即可。 ### 用 `/init` 创建 `claude.md` 文件 为了让 Claude 对项目保持持久记忆,运行命令 **`/init`**。Claude 会读取所有代码和聊天历史,在项目文件夹中生成一个 `claude.md` 文件(纯文本格式,不是代码)。该文件作为永久参考文档,包含项目的重要方面。你可以随时要求 Claude 更新它(例如:“用我们讨论过的所有重要内容更新 claude.md”)。 ## 提升效率:MCP、插件与技能 ### MCP(连接器) MCP 将 Claude 连接到外部工具。位置:代码界面的“自定义”菜单 → 点击“+”浏览连接器。推荐的工具: - **Context 7**:拉取 React、Expo、Tailwind 等工具的最新文档,避免 Claude 基于旧版训练或过时网络信息工作。 - Gmail、Google 日历、Notion 等。 连接后,Claude 在需要时会自动使用这些工具。断开连接可随时在菜单中操作。 ### 插件 插件是技能和工具的包。Anthropic 定期推出预构建插件。推荐安装 **Superpowers**,它增加了头脑风暴、子代理、调试等多种技能,Claude 会在相关任务中自动调用。 ### 技能 技能是可重用的流程。Claude 提供预建技能,你也可以创建自己的技能。例如,让 Claude 做“安全审查”技能(发现漏洞、暴露的 API 密钥等)。创建自定义技能的流程:完成一个涉及多个提示和迭代的流程后,告诉 Claude “把它打包成一个技能”,它会分析你的操作并生成可重用技能。 三者可以混合使用:MCP 连接工具,技能提供流程,插件可捆绑多个技能和 MCP。 ## 实际应用:构建会议行动项看板 ### 连接已用工具(如 Granola) 回到连接器,确认你需要的工具(如 Granola)已连接并赋予适当权限。 ### 使用提示构建看板 在新文件夹中,使用提示: > “构建一个看板风格的应用,用于从会议记录中提取行动项并放入待办事项列表,其中卡片可以在待办、进行中和完成之间移动。使用已连接的 Granola MCP 来拉取会议记录并提取行动项。” 切换到计划模式并发送。回答几个问题后,Claude 返回计划。批准后开始构建。结果它会拉取最近的会议,识别所有行动项和分配对象,并允许拖拽到不同状态。首次尝试即可完美运行。 ### 管理上下文窗口与开启新会话 当聊天历史过长时,Claude 会自动压缩,但可能丢失细节。建议在开启新会话前让 Claude 做一次总结(如“用我们讨论过的所有重要内容更新 claude.md”),然后打开新聊天,粘贴总结,指向同一文件夹。Claude 会读取 `claude.md` 并无缝继续。 ## 部署到线上:Git 与 GitHub ### 安装 Git(若未安装) 向 Claude 询问:“检查我是否安装了 Git。如果没有,请为我安装。” 它会根据你的操作系统给出正确指令。在较新 Mac 上通常预装;Windows 用户需手动操作,Claude 会引导你完成。 ### 连接 GitHub 账户 让 Claude 连接到 GitHub,以便它能推送代码并告知任何需要手动输入的步骤。流程因系统而异(Mac/Windows),但只需执行一次。完成后,你的项目便可在 GitHub 上访问、分享或部署到网络;GitHub 还提供版本控制,可以随时回滚到任意之前的状态。 --- **Source:** [From Zero to Claude Code in 19 Minutes (no code) - Futurepedia](https://www.youtube.com/watch?v=5tgHMa2Z3jc)

相似文章

@Xudong07452910: 开源教程推荐:《Claude How-To》—— Claude Code 最完整的进阶学习路径,含图、含模板、含自测 如果你一直是「用到什么查什么」的方式用 Claude Code,这个项目值得花 11-13 小时系统过一遍。 它用 Me…

X AI KOLs Timeline

推荐一个名为《Claude How-To》的开源教程,提供Claude Code的完整进阶学习路径,包含可视化流程图、生产级模板和自测问卷,适合开发者从零到熟练掌握Claude Code。

@servasyy_ai: 一位谷歌云工程师刚刚展示了 如何完全利用 Claude 从零开始构建一个完整的应用程序。 他花了 26 分钟,完整地展示了拥有“Claude”这个角色的人能做些什么,而且完全是免费的。 比很多付费课程都更有价值。 以下是他的报道内容: >…

X AI KOLs Timeline

一位谷歌云工程师展示了如何完全使用Claude在26分钟内从零构建一个完整的应用程序,且完全免费,比许多付费课程更有价值。