還在羨慕別人用 AI 開發酷產品？Claude Code 保姆級教學讓你輕鬆體驗 Vibe Coding, 動動嘴就能做出 Anything！

嗨，大家好 今天我要和大家聊聊 Claude Code 它是一款非常强大的 AI 程式开发助手 即使你不懂得任何程式语言 你也可以透过对话的方式 请 Claude 打造出任何你想要的生产力工具 那在这集影片 我会先用一个简单的范例 介绍 Claude Code 所有最核心的功能 然后我会实际操作一次所谓的 Vibe Coding

也就是用自然语言的方式请 AI 帮我们进行程式开发 好，如果你使用的是 Windows 的作业系统 在正式开始前我们必须先安装 Git 这套软体 Claude Code 需要使用 Git 来管理和追踪程式码的变动 你可以依照自己的电脑系统选择正确的安装档版本 然后对着它双击滑鼠左键 一直按下一步即可完成安装

Git 准备就绪之后 接着我们就要来准备安装 Claude Code 那在他们的官网页面 你可以看到一行给 Windows 系统使用的指令 你可以把它复制起来 打开 Windows 的开始功能表 输入 PowerShell 来将这个程式开启 如果你是第一次看到这个黑底白字的画面 会让人感觉好像很困难的样子

不过实际上我们只需把刚复制的指令按下 Ctrl +V 贴上 再按下 Enter 键 就可以完成 Claude Code 的安装 至于 Mac 的用户 则可以省略掉前面的 Git 安装步骤 我们同样只要复制给 Mac 使用的那一行指令 然后按下 Command + 空白键 叫出 Spotlight 输入 Terminal 也就是所谓的「终端机」

「终端机」长得跟 Windows 的 PowerShell 一样 是一个纯文字的指令介面 我们按下 Command +V 将刚复制的指令贴上之后 再按下 Enter 键就能完成 Claude Code 的安装啰 好，基本上我们可以直接在终端机里面 跑 Claude Code 来开发任何你想要实现的点子 但如果你想要有更好的开发体验 你可以考虑先在电脑安装一个叫 Visual Studio Code

简称 VS Code 的软体 它可以让你在审查程式码和管理专案时更加方便且更有效率 下载并安装好 VS Code 之后 我们就直接将它启动 然后你可以在电脑内的任意位置 点击滑鼠右键建立一个新的资料夹 这个资料夹会用来储存专案中的所有档案 然后再回到 VS Code

将专案的工作范围指定到刚才资料夹的位置 点击「打开」 好，那我们就可以准备来执行 Claude Code 了 你可以从上方的选单内执行「新增终端」 输入 claude 再按下 Enter 此时系统会先询问我们偏好的颜色主题 这里我直接采用预设的暗色模式 然后系统会询问我们

要用什么样的方式来使用 Claude Code 那对于初学者来说 一般最建议的起点是订阅它的 Pro 方案 每个月的费用是 20 美元 而如果你已经付费订阅 就会自动导向浏览器来进行授权的步骤 接着再按下 Enter 键 套用系统建议的设定 以及同意存取刚才我们建立的资料夹 那第一次使用 Claude Code 时

VS Code 会自动安装对应的扩充功能 (Extension) 而跟黑底白字的纯文字介面比较起来 Claude Code 的扩充功能有提供图形化的介面 对于初学者来说会显得比较友善 而如果你发现扩充功能并没有自动安装到 VS Code 也没有关系 你可以到左侧开启「延伸模组」的面板 输入 Claude 作为关键字进行搜寻 改采用手动安装的方式

这样就同样可以在侧边栏 开启 Claude Code 的操作面板啰 好，Claude Code 主要提供了三种 AI 模型 分别是 Haiku、Sonnet 和 Opus 如果想要在模型之间进行切换 你可以输入一个斜线 ( / ) 选择 Switch Model (切换模型) 这样我们就可以从选单内 挑选最适合目前任务的 AI 模型 那在底下的输入框中

你可以直接输入任何文字 就好像平常跟 AI 聊天一样 譬如我想要知道 Claude Code 可以为我们做哪些事情 而如果想要换到下一行继续输入 你可以按下 Shift +Enter 接着再按下 Enter 键就可以送出指令 那在对话框的右上角有一个 + 号 点击之后会开启一个新的对话

而如果想要检视之前聊过的内容 你可以点击左侧的下拉选单 那这边你可以替过去的对话进行重新命名 之后如果需要查找某次的对话记录 会比较节省时间 不需要一笔一笔地点开确认 好，那假设今天我想要创作一个短篇的冒险故事 由于故事的走向会受到主角人设的影响

所以我决定在这个专案内点击滑鼠右键 先建立一个名为「角色」的文件 副档名为 .md (Markdown)

副档名为 .md (Markdown) 它是一种可以用简单符号来做排版的文件格式 然后我在这个文件内 清楚交待了每个角色的姓名 成长背景和性格 那你会注意到在档名旁边 目前有一个白色的圆形 代表这个档案还没有存档 所以我们可以按下 Ctrl +S 这个圆圈圈就会消失了 至于故事的正文

我打算另外放在一个档名为「故事」的文件内 让角色设定与剧情发展各自独立 新增好这两份文件之后 我把我的想法告诉 Claude 请他协助帮忙做个检查 看看有没有什么地方我没有注意到 此时 Claude 很快就发现主角人设跟故事情节有明显的矛盾 并给出了修改的建议 而这也是 Claude Code 的一大强项

就是它能理解跨档案的内容脉络 并且以全局视角掌握专案中的关键资讯 而且最酷的是 Claude 也很擅长「执行任务」 所以我们可以直接请它修改故事的情节 不需要亲自动手处理 至于安全性机制的方面 如果 Claude 需要动手编辑或建立任何档案 系统都会先跳出授权的提示

只有在用户允许操作的前提下 Claude 才会把这些变更写入到文件之中 好，那我打算让 Claude 拟定一个写作的计划 让我们在开始动笔之前 就把各个阶段要完成的重点先清楚列出来 然后我请 Claude 把这个计划 储存到一个新文件之内 由于「新增文件」这个动作 也会更动到专案的内容

所以这边同样会跳出授权的提示 我们只要点击 Yes 这份新文件就会自动加入到专案之中啰 好，那我们来把这个故事继续写下去 如果在跟 Claude 沟通的过程中 你需要提到某个档案 你可以输入一个 @ 符号 后面接续档案的名称 这样 Claude 就会把该档案的内容 读进此次对话的上下文

而我打算在故事中插入一行小标题 用来引导故事的走向 譬如在故事的下一段 我想要介绍一下小花这个角色 让 Claude 继续往下写 100 个字 不过你会发现 Claude 此时把小花描述成 一个开朗活泼的女孩 跟之前我们在「角色」文件中 所作的设定明显不符 那你可能会觉得蛮奇怪的 明明 Claude 在上一个对话中

已读过角色的设定 怎么这里整个写歪了 而这个问题刚好点出了 Claude Code 两个关键的特性 第一，Claude 在「前一次」对话中的记忆 并不会自动延续到新的对话内 第二，由于 Claude 在同一个对话中 有上下文的容量上限 为了节省容量 Claude 并不会在执行任务时 每一次都读取专案中的「所有」档案

而是根据任务需求自行判断 哪些档案可能相关 再去做选择性的读取 所以小花的人设跑掉 基本上就是 Claude 在撰写时 并没有把「角色.md」文件中的资讯

并没有把「角色.md」文件中的资讯 放到上下文之中 而要解决这个问题有两个作法 第一，是你可以在下指令之前 明确要求 Claude 先读取「角色.md」的文件

再开始写故事 第二，则是在专案中建立一个 名为 CLAUDE.md 的文件

名为 CLAUDE.md 的文件 这份文件的特别之处 在于 Claude 每次在执行任务前 都会仔细读取里面交待的事项 等同于是我们写给 AI 最重要的备忘录 好，所以这里我索性把刚才的「角色.md」文件

好，所以这里我索性把刚才的「角色.md」文件 改名为 CLAUDE.md

改名为 CLAUDE.md 然后送出同一个提示词请 Claude 重写一遍 而这一次我们可以看到 Claude 在思考过程中 就会先参考 CLAUDE.md 里面的人设内容

就会先参考 CLAUDE.md 里面的人设内容 因此生成的段落里 小花的个性不再是原先的开朗活泼 而是变成一个性格内向的女孩 而 CLAUDE.md 真正好用的地方

而 CLAUDE.md 真正好用的地方 在于你只要想到什么「每次都应该遵守」的事项 你都可以随时补充进去 例如「标题是用来引导故事走向」的规则 我也请 Claude 写入到这个备忘录内 之后我们在提示词内就不用反覆提醒这一条规则啰 好，我们来做个测试 我在故事里加了一行标题

写着：小明和小花发现森林今天异常的安静 然后请 Claude 向下写 150 个字 此时 Claude 已经知道这个标题是用来引导故事的走向 所以它会照着这个指令去铺陈气氛并推动剧情的发展 把故事里的不安感逐步带出来 那刚才我们有提到可以使用 @ 符号 把特定档案带到对话之中 而除了 @ 符号之外

我们也可以在文件内把想要处理的段落反白起来 这些内容会自动被带进侧边栏的输入框 于是你就可以请 Claude 针对反白的段落进行改写或修正 而如果你觉得每次都要处理授权的步骤 感觉很麻烦的话 你可以点击「允许所有编辑」的按钮 或是在输入框的左下角 把编辑模式改成「自动编辑」 如此一来

当我们要求 Claude 继续向下撰写时 就不会再跳出授权的提示对话框啰 好，当 Claude 在执行任务的途中 如果我们突然发现提示词有误 最快的作法就是立即按下 ESC 中断 不需要等 Claude 跑完整个流程 除此之外 如果你觉得故事发展的方向不如你的预期 你可以考虑将故事退回到一个较早的时间点

那这边有三个选项 第一，Fork Conversation from here 会将我们跟 Claude 的「对话」还原到这个位置 但是专案中的文件或档案不会有任何变化 第二则刚好相反 即「档案」会还原到这个时间点 但是我们跟 AI 的对话仍会完整保留 至于第三 则是把「对话」和「档案」一起倒转到目前这个时间点的状态 值得一提的是

这个还原功能就好像是在一棵树上长出新的分支 原本的树枝或树干不会因此而消失不见 所以我们随时可以利用上方的历史记录选单 返回到主线剧情 不用担心之后没有反悔的机会喔 好，那刚才我们有介绍到 CLAUDE.md 这个重要的文件

好，那刚才我们有介绍到 CLAUDE.md 这个重要的文件 它会在每个新对话开始时自动载入 以提供 Claude 重要的背景资讯 然而当专案愈变愈复杂 规则愈写愈多时 CLAUDE.md 也免不了会跟着膨胀

CLAUDE.md 也免不了会跟着膨胀 并带来一个很现实的代价 就是当一个新对话才刚开始时 CLAUDE.md 就已占掉一大块的空间

CLAUDE.md 就已占掉一大块的空间 而且 CLAUDE 还会面临一个问题 就是在执行特定任务时 如果 CLAUDE.md 里面有太多不相关的资讯和规则

如果 CLAUDE.md 里面有太多不相关的资讯和规则 会让 CLAUDE 更难以专注于眼前的目标 使注意力分散到不必要的细节上 因此这里一个更理想的做法 是把那些「不是每次都会用到」的规则和流程 从 CLAUDE.md 拆分出去

从 CLAUDE.md 拆分出去 变成所谓的 Skill (技能) Skill 跟 CLAUDE.md 最大的不同处

在于它是「需要用到的时候」才会载入 因此可以节省更多的上下文空间 也能让工作流程更加稳定可靠 那网路上有许多关于 Skill 的资源和范本 譬如你可以到 GitHub 的网站 使用 Claude Code Skills 作为关键字进行搜寻 就能找到各种不同用途的技能包 而除了社群自发整理的范例之外

Anthropic 自己也有维护一个公开的 GitHub 入口 里面放了许多官方和半官方的 Skill 范例 举例来说 如果你想要让 Claude 掌握制作简报的技巧 你可以进入 pptx 的资料夹 而这边最棒的是 我们不需要去研究 Skill 安装的步骤 你只需把目前页面的网址 按下 Crl + C 拷贝下来

回到 VS Code 将网址贴上 请 Claude 代为安装即可 而在安装过程中 如果 Claude 提到要请你安装一些特殊的套件 我们也可以继续赖皮 请它好人做到底 帮忙安装一下就 OK 啰 好，如果 Skill 是安装在专案里面的话 你可以在侧边栏找到这个技能的 SKILL.md 文件

你可以在侧边栏找到这个技能的 SKILL.md 文件 里面有描述了这个技能的名称 摘要说明 和执行这个 Skill 时具体的工作流程 那 Claude 在执行任务前 会先读取每个技能的名称和摘要 看看是否跟任务相关 如果有相关的话 Claude 就会照着里面的指示和说明来执行任务

好，那假设除了制作 PPT 简报之外 我希望 Claude 还能学会用 Nano Banana 来生成图片 因此我回到 GitHub 找找看有没有跟 Nano Banana 相关的技能 然后从中挑一个最贴近需求 且维护状况正常的专案 点进去之后 我们就同样把网址复制起来 回到 VS Code 把它贴上 请 Claude 代为安装

而要使用 Nano Banana 我们必须先取得 Gemini 的 API 金钥 所以我前往 Google AI Studio 的网站 到左下角点击 Get API Key 再到右上角点击 Create 按下「建立」 这样我们就可以把这一组金钥复制下来 回到 VS Code 贴给 Claude 请它完成后续的相关设定就 OK 啰 好，我们来做个测试

譬如我请 Claude 生成一张黄色小鸭漂浮在河上的照片 然后将提示词送出 过了一会儿 我们就可以在侧边栏找到这张生成好的小鸭图片 那我们不妨来把难度提高一些 譬如我打算让 Claude 依照目前的故事情节 制作一份三页的 PPT 投影片 并且用 Nano Banana 生成投影片的背景 使整体风格读起来像是一本童书

好，我按下 Enter 键将指令送出 Claude 会自动参考 PowerPoint 和 Nano Banana 这两个技能来制作这份简报 制作完成后 我把这份简报显示在资料夹内 并且对着它双击滑鼠左键来开启档案 那整体的视觉效果看起来相当不错 每一页都有完整的插画背景 而且文字的显示方式也像童书的旁白一样

显得很自然 唯一美中不足的地方 是人物的一致性有些问题 不过这部分只需修改一下 Nano Banana 的提示词就 OK 啰 好，我们不光是能安装别人设计好的 Skills 我们也可以根据自己的需求 为 Claude 量身打造专属于你的特殊技能 那在实作之前 我们可以考虑先回到 GitHub

在刚才 pptx 的下方进入 Skill Creator (技能建立器) 的资料夹 Skill Creator 是一个特殊的技能类型 它可以协助用户快速建立所需的 Skill 于是我把网址同样复制下来 回到 VS Code 请 Claude 帮忙安装 然后我们就可以来做个简单的测试 譬如我希望能建立一个 Skill

启用之后它会在故事段落的结尾生成三个剧情的分支 让我能选择其中一个来继续发展故事 那我把提示词送出之后 Claude 会先询问我们几个问题 来厘清这个 Skill 的细节 于是我把每个问题都做了一个答覆 按下 Enter 键送出 Claude 就会开始着手制作这个 Skill 同样地 制作好之后

我们可以在侧边栏找到对应的 SKILL.md 文件

我们可以在侧边栏找到对应的 SKILL.md 文件 里面仔细描述了这个技能的运作方式 好，那我们就来测试看看啰 我请 Claude 继续向下写 150 个字 并且让我选择剧情的走向 于是 Claude 就会自动启用刚建立好的技能 并提供了三个故事发展的可能性 而这边我就随便选择其中一个 如此一来

Claude 就会根据我选定的分支 继续撰写后面的故事情节 好，那这边也要提醒大家一下 有些人可能会因为想要让 Claude 变得更厉害 因此在网路上安装了一大堆 Skills 不过这个举动可能会适得其反 因为每个 Skill 的品质参差不齐 功能也有可能会重复 导致 Claude 必须花更多的时间去进行筛选

所以比较理想的做法 是只保留少量优质且架构清晰的 Skills 才能真正提升 Claude 的工作效率和任务品质喔 OK，Skills 固然非常好用 但如果手上的规则足够明确 条件也很简单 例如：当某个事件发生时 就固定做某一件事 那么把这些流程交由 AI 来处理 就显得有点浪费运算的资源

而这时我们可以改采用 Claude Code 另一个很好用的功能 叫做 Hooks Hooks 的优点 是一旦设定好条件 它就百分之百一定会执行 不依赖 AI 的自由心证 譬如我们可以建立一个 Hook 就是当 Claude 完成我们交办的任务时 系统会自动发一个桌面通知给我们 好，我们来试试看 我请 Claude 依照目前故事的进度

继续往下写 300 个字 然后我们可以去做其它的事情 而当 Claude 写好全部的内容之后 我们就会立即收到「任务已完成」的桌面通知啰 OK，一般我们在跟 AI 互动时 往往是我们丢出一个问题 等它回答完再换下一题 就好像一间医院只有一个诊间 每个病人只能乖乖排队等待

而 Claude Code 打破了这种线性的流程 它可以将工作拆分开 委托给不同的 AI 小帮手 (Subagents) 使所有任务能够同步并行 举例来说 假设我想要让 Claude 到网路上 搜集一些故事素材 而这个任务要分派给两个小帮手 让它们各自负责一个主题 职责分配好后 这两个任务会同时展开

而当每个小帮手结束手上的工作后 它们会自动向 Claude 回报 最后再由 Claude 负责汇整全部的资料 并回传给我们 透过这种分工模式 我们就能在更短的时间 获取更完整的资讯啰 好，不过这边有一点要特别注意 就是 Claude 在任务中临时生成的小帮手 是属于「一次性」的工作分身

任务结束后它们会被系统自动回收 而如果你希望能建立一个小帮手 能在不同任务之间反覆被使用 那么你可以输入 /Agents 的指令 系统此时会提醒我们 建立专属 Agent 的动作将会在终端机内完成 我们按下 Enter 键确认之后 终端机会自动开启 然后我们要回答一些问题来完成新 Agent 的设定

首先 Agent 的层级我选择 Project 也就是将它储存在这个专案之内 然后建立的方式我选择第一个 也就是由 Claude 协助进行设定 我们只需做些简单的描述 譬如我想要让这个 Agent 专门负责故事角色的建立 至于 Agent 能动用的工具权限 我选择让它能「读取」和「编辑」文件 使用的 AI 模型是 Sonnet

这个模型能同时兼顾效能和成本 再来你可以为它指定一个颜色 这样当多个 Agents 在同时执行任务时 你可以透过色彩来分辨是谁在工作 最后我再为它启用「记忆」的功能 如此一个客制化的小帮手就建立完成了 那一般来说 当我们把任务交办给 Claude 时 如果 Claude 认为某个小帮手适合这份工作

系统就会自动将这个任务交由它来处理 不过我们也可以用 @ 符号 直接点名某个小帮手来执行任务 这样 Claude 就不用花额外的力气 去判断谁是最佳人选啰 好，做到这边 你可能会想说 既然这些小帮手都可以上网找资料了 那是不是也能请它顺手检查一下我的 Email 信箱有没有新邮件 或是查看我的日历行程呢？

答案是：预设的状况下不行 但只要装了 MCP 就可以了 MCP 就好像平常我们在使用的 USB 连接线 可以让 AI 在需要时串接不同的外部工具 举例来说 如果我想要让 Claude 帮我管理自己的 Notion 笔记 我可以到网路上搜寻 Notion MCP 的关键字 并进入官方的说明文件页面

点击「连接到 Notion MCP」 那这边我们同样不用去烦恼设定的方式 你只需把网址拷贝起来 回到 VS Code 请 Claude 帮忙安装 安装好之后 我们重新启动 Claude Code 并且输入 /MCP 这样就可以在伺服器的清单内 看到刚才我们安装的 Notion MCP 点击「验证」

然后在浏览器内完成授权的流程就 OK 了 好，我们来做个测试 我请 Claude 把「故事.md」的内容

拷贝到我的 Notion 笔记 如此一来 我们写好的故事就多了一个 专案资料夹之外的保存点啰 那 MCP 的生态其实很像 Skills 一旦你知道自己想要串接的是什么服务 你就可以用关键字到网路上 去寻找现成的伺服器或范例专案 然后再交由 Claude 帮你处理好连线的设定 这样你的工作流程就会变得更有效率喔

好，做到这边 我们已经把 Claude Code 最核心的功能都走过了一遍 不过与此同时 目前对话的用量也已经达到了 64% 如果这个数值太高 会导致 Claude 的表现变得不够稳定 容易忘记过去的对话或犯下更多的错误 因此你可以考虑在用量达到 70 到 80% 时 主动使用 /compact 的指令

把旧的对话内容做个压缩 或是在执行新任务时 直接开启一个新的对话 而除了单一对话的上下文长度之外 我们也要留意「帐号」本身的用量 你只要输入 /Account 就能看到目前剩余的额度 以及下一次用量重设的等待时间 而如果你常需要跑大型且结构复杂的专案 你也可以考虑升级成 Max 的方案

以取得更高的用量上限喔 好，随着 Claude Code 这类型的 AI 工具逐渐成熟 现在愈来愈多人也开始尝试用自然语言 来开发客制化的应用程式 也就是所谓的 Vibe Coding Vibe Coding 的起点往往是来自于一个简单的想法和需求 举例来说 平常我们看英文 YouTube 时 可能会遇到不认识的单字 但影片上的字幕

又没有办法让我们反白选取来进行查询 而这时我们就可以考虑用 Claude Code 直接开发一个具有 OCR 文字辨识功能的翻译工具 有了想法之后 我们可以在电脑内先替这个专案建立一个资料夹 然后在 VS Code 将目前的工作范围切换过去 指向刚才资料夹的储存位置 接着按下 Enter 键 那要开发一个新的 App

最重要的就是前期的规划 因此我们可以输入 /model 来将 AI 模型切换成 Opus 这个模型很擅长处理复杂的逻辑推理和架构设计 除此之外 你可以在斜线选单内 确认「思考模式」已经启用 同时你也可以根据专案的复杂度 来调整推理的深度等级 如有需要 你还可以为 Claude 添加一些进阶的选配

你只要输入 /plugins 系统就会列出 Claude 所有可安装的外挂 所谓「外挂」 其实就是把刚才我们介绍的 Skills Subagents Hooks 和 MCP 等 组成一个可携式的懒人包 例如 Frontend-Design 这个外挂可以提升 Claude 的介面设计能力 很适合目前我们这个专案 那你也可以顺手往下滑 做一个快速浏览

看看有没有其它外挂能刚好补上你的痛点 那在开发 App 这件事上 我们最不想看到的 就是在需求还很模糊的时候 就让 Claude 直接开始动手盖房子 比较建议且稳妥的作法 是到底下先切换成 Plan Mode (计划模式) 然后你可以把需求整个交待清楚 包含这个 App 想要解决什么问题 核心功能有哪些等

并且在文件末端加上这一句话 如果有资讯不足的地方需要我说明的 请先询问我 好，那我把这个提示词送出 Claude 在读取了我们的需求之后 会先丢出几个关键问题 帮我们把模糊的地方补齐 那一个很贴心的地方 是牵涉到技术层面时 Claude 通常会给出一个推荐的方案 让没有程式背景的使用者

也能轻松做出决定 那 Claude 把计划拟定完成后 我们可以花点时间 把计划文件从头到尾看过一遍 确认没有问题 就可以点击「同意」按钮 如此 Claude 就会依照已核准的蓝图 进入实作流程 那过了几分钟之后 这个 Chrome 扩充功能已经制作好了 你可以依照 Claude 写好的步骤来进行测试 于是我打开浏览器

进入「扩充功能」的页面 再到右上角启用「开发人员模式」 接着再按下「载入未封装项目」 来指向这个专案所在的资料夹 那这个扩充功能需要用到 Gemini 的 API 金钥 来生成英文单字的例句 因此我把稍早用在 Nano Banana 的 API Key 直接贴到栏位里面 点击「测试」 那此时跑出了一个错误讯息

这个在 Vibe Coding 中是很常见的现象 我们不用紧张 你只需把错误讯息拷贝下来 或是直接抓一张截图 贴回到 VS Code 请 Claude 修正这个问题就 OK 了 而当 Claude 处理完毕后 它会请你再做一次测试 而这一次 API Key 的验证就成功通过啰 OK，那基本上我们就是重复这个流程

即 Claude 做好一个功能之后 我们就去做个测试 如果测试出现了问题 我们就把错误讯息做个截图 贴给 Claude 请它做个修正 直到问题被解决 我们再请 Claude 继续制作下一个功能 而如果有些地方 Claude 需要我们亲手操作 例如将 App 部署到云端时 可能需要我们把专案先上传到 GitHub 那么你可以请 Claude

把详细的操作步骤全部列出来 我们再照着指示去完成相关的设定就 OK 啰 好，那这个 Chrome 扩充功能 目前已经制作完成了 如果我按下它的快捷键 就会进入截图模式 让我能框选不认识的单字 而且所有曾辨识过的内容 都会自动记录到这个 App 内建的单字本 里面还有 Gemini 自动生成的例句

而且我们也可以钉选重要的单字 以方便日后复习 那做到这边 由于目前功能已经可以正常跑起来了 因此我们可以考虑将这个专案 纳入 Git 的版本控制 之后如果替 App 新增功能时出现问题 也能随时还原到最稳定的版本 除此之外 你可以在对话框内 输入 /init 的指令

这个指令会让 Claude 去分析专案中的所有档案 并且把应该要注意的事项 记录到 CLAUDE.md 的文件内

记录到 CLAUDE.md 的文件内 之后在开启新对话时 Claude 就能更快掌握这个专案的架构和规范啰 好，最后假设今天我想要替这个工具新增一个功能 就是将所有卡片能采用字母 建立日期和随机三种排序的方式 那么我同样只要把这个需求告诉 Claude 它就会立即着手去修改相关的程式码 修改完成后

我们就可以在单字本的右上角找到这个下拉选单 并从中选择你想要的排序方式 而只要我们替 App 新增或修正了一项功能 建议都顺手把这些变更用 Git 做一次提交 储存成一个新的版本 之后如果改变了主意 我们同样也只需用一句话 就能请 Claude 协助把 App 还原成最初的稳定版啰

好，那今天关于 Claude Code 的介绍 我们就聊到这边 那我们就下回再见啰 拜拜