[控场AI]
· 8 分钟阅读· 4,375 字

Claude Code桌面版实战:4个项目从零开发,告别终端

Claude Code桌面版实战:4个项目从零开发,告别终端

Claude Code桌面版降低AI编程门槛,并用四个项目演示规划与执行交接的工作流。

文章介绍Claude Code桌面版如何把安装简化为下载、运行、登录三步,并强调只有桌面版能访问本地文件夹。作者用四个由浅入深的项目演示完整工作流:单页博客展示Opus规划、Sonnet构建的模型交接;Chrome扩展说明小范围任务应跳过贵模型;Python脚本展示命令审批与风险控制;单文件订阅追踪器引出CLAUDE.md固化规则。文章还给出修改需求的三要素、截图定位文件、计划模式、Compact与新会话等实用技巧,并说明费用档位与能力边界。

Claude Code桌面版的上线,把AI编程的门槛又拉低了一截。过去想在本地跑Claude Code,得先装Node.js,再用npm全局安装,还得配个Cursor之类的编辑器才能看到文件;有UP主回忆,光安装就折腾了三次,终端窗口更是劝退新手的第一道坎。现在这套流程被压缩成了一个动作:打开官网下载Mac或Windows桌面版,运行安装程序,登录,完事。浏览器版也能用,但只有桌面版能访问你电脑上的文件夹,这恰恰是它区别于普通聊天窗口的关键。

Claude Code界面截图

从零搭好环境:比想象中简单

动手之前有两件事要确认。一是套餐,Claude Code需要Pro及以上付费方案,免费版打不开。二是模型选择下拉菜单,默认选中的是Opus 5.5,紧挨着的是Pro套餐可用的Sonnet。刚开始提问保持默认就行,模型切换的时机后面会讲到,而“有意识地切换模型”是整个工作流里最有用的习惯之一。

接下来打开代码标签页,选“本地”,再选一个文件夹。这个文件夹就是工作区,Claude能读取、编辑并运行里面的任何东西,所以选择要慎重:每个项目单独建一个新文件夹,别直接指向桌面或下载目录。一个专一的文件夹能给模型正确的上下文,也能避免它碰到与工作无关的文件。想确认连接是否正常,输入一句“这个项目里有哪些文件”,它列出内容或告诉你文件夹为空,就说明通了。

项目一:单页博客,看懂“规划—执行”的交接

第一个项目是给博客做一个单页网站,从空文件夹到浏览器里有东西,这是最快走通全流程的方式,也顺带展示了几乎每个项目都会用到的套路:一个模型负责规划,另一个模型负责施工。

规划阶段用Opus。它思考更慢更深,即便Opus 5.5降价之后,每token成本仍高于Sonnet,做单页网站有点大材小用,但用来演示交接流程正合适。输入提示词后,Opus返回一份方案和文件清单,此时什么都还没创建——这是改变主意代价最低的时刻,在方案里挪动一个区块不花任何成本。方案满意后,把下拉菜单从Opus切到Sonnet,让它严格按照方案构建。Sonnet是建造者,写代码快、成本低,干这活正合适。

想看结果,打开预览或把index.html拖进浏览器,页面就上线了,而你一行代码都没写。页面需要logo的话,Claude Code不会帮你画,UP主是打开图像生成器,要了一个“极简、纯色背景、两个重叠对话气泡、缩小后仍清晰可读”的方案,拖进项目即用。如果收听按钮颜色不对、标题看着笨重,不需要知道是哪个文件在控制它——截图丢进对话框,写一句“修一下”,Claude能看到图片,项目又在硬盘上,它会自己找到对应文件去改,通常还会顺手把匹配的元素一起更新,避免页面一半新一半旧。

Opus 与 Sonnet 是 Anthropic 为 Claude 提供的不同定位的模型。Opus 侧重推理深度与复杂规划,单位 token 成本较高;Sonnet 在编码速度与成本之间取平衡,适合执行明确、范围收敛的构建任务。多模型协作的核心思路是把“想清楚”和“写出来”拆开:先用强模型产出方案与文件清单,再用快模型严格按方案施工,从而在质量和费用之间取得可控的平衡。

项目二:Chrome扩展,学会“什么时候不该用贵模型”

第二个项目是一个住在浏览器里的引用收藏扩展:在任何页面选中一句话,右键保存,扩展保留文本、页面标题和链接,在一个小弹窗里统一展示,适合做研究、写稿子或读长文。

新建文件夹后,这次跳过了规划步骤,直接把模型切到Sonnet,因为范围小且明确,一个Chrome扩展就那么几个文件。知道什么时候不该用贵模型,是这个模式的一半功力。Claude写出Manifest、后台脚本和弹窗,你在Diff里审查,大约一分钟后打开Chrome进扩展页,开启开发者模式,点“加载已解压的扩展程序”,选中项目文件夹即可。

生成logo方案截图

使用一段时间后弹窗列表会变得又长又乱。动手改之前,先让Claude“用大白话讲讲点击保存引用之后发生了什么”,它会读代码带你走一遍,这比自己啃代码更快熟悉一个陌生项目。修改要求要收窄:“重写一下”等于给它全权,可能动到本来没问题的部分。更好的说法要说清三件事:现在代码是什么样的、你想要什么样、哪些必须原封不动。比如“弹窗现在把所有引用显示在一个列表里,我想按网站分组,其他都别动,尤其是右键菜单和Markdown按钮”,Claude就只改那一处。

Manifest 是 Chrome 扩展的配置清单文件,通常命名为 manifest.json,用来声明扩展名称、版本、所需权限、后台脚本、弹窗页面等入口。Chrome 通过它识别扩展能做什么、在哪些页面生效。在开发者模式下选择“加载已解压的扩展程序”时,Chrome 读取的正是这份 Manifest 及其指向的文件,因此它也是审查扩展代码时最该先看的地方。

项目三:Python下载文件夹整理脚本

第三个项目连界面都没有:一个Python脚本盯着下载文件夹,新文件进来就按类型移进PDF、图片、安装包、表格、其他等子文件夹,重名文件加数字而不是覆盖,全部本地运行,什么都不上传。

涉及环节多,于是切回Opus制定方案,它列出依赖关系和步骤后,再切到Sonnet说“开始搭吧”。这时Claude不再像聊天工具,它不会给你一堆命令让你往终端里贴,因为它自己会执行——想安装方案里需要的Python包,它会先显示具体命令等你确认,你在同一窗口里看输出滚屏,接着它启动监视器,同样先问你。

这个审批环节就是你掌控局面的地方。UP主给的经验是:装常见包、启动本地服务器这类常规操作可以快速批准;删文件、覆盖数据、往线上推东西的,值得慢慢看清楚。如果能轻松撤销,风险就不大;要是不行,就花10秒看看到底要跑什么。中途发现不对,直接按停止按钮,命令会当场中断。

自动模式确认界面

脚本跑起来后,往文件夹里丢一堆文件,一秒后各归其位。这类脚本迟早会出问题,应对方法很简单:把完整报错信息粘贴过去,说“文件放进文件夹时我遇到这个错误”,Claude能追溯到对应代码行并提出修复方案。

项目四:单文件订阅追踪器与CLAUDE.md

最后一个项目小而个人化:一个完全在浏览器里运行的订阅追踪器,填入每个付费服务的价格和续费日期,显示每月总额和接下来要续费的项目。数据留在本机,不需要账号,背后没有服务器。范围小,切到Sonnet一次性说清需求,并特意加了限制条件:所有东西放进一个HTML文件,避免项目膨胀。做完双击文件就能打开,不用起服务器,可以发邮件给自己或存进云盘——代价是数据存在那台电脑的浏览器里,换设备打开列表是空的,对这种小工具来说这个取舍合理。

订阅追踪器截图

进阶需求也来得很快:把未来7天内要续费的标红,在月费旁显示年度总费用。Claude两个都加上,Diff显示它只动了列表样式和总费用计算。用这个工具容易陷入循环:很快做出能用的版本,然后每次提一个小需求不断打磨,每个需求都很小,每次Diff都容易看懂。读书清单、行李清单、自由职业工时记录、植物浇水页面,都能变成一个周末项目。

做到第四个,你会发现提示词有规律——总在说“用纯JavaScript别加库”“命名要清晰”。Claude不会跨会话保留记忆,每次新对话都从零开始,解法是在项目根目录放一个CLAUDE.md,它每次处理该项目时都会读取。不用从零写,在对话里输入指令让Claude翻一遍项目并起草,然后自己加上三四行简短的规则,比如“用纯JavaScript不用框架、变量和函数名用完整单词、所有东西放在一个文件、未经同意不许加库”。之后让它加分类标签,规则自动生效,一条都不用重复。

CLAUDE.md 是放在项目根目录的纯文本约定文件,Claude Code 每次在该项目中开始工作时都会自动读取。它适合承载跨会话稳定不变的规则,例如技术栈选择、命名风格、文件组织方式以及禁止事项。由于模型本身不保留跨对话记忆,这份文件相当于把重复的提示词固化成项目级配置,让后续每次对话都从同一套约束出发。

长任务的节奏与边界

涉及两三个以上文件时,Claude可能写到一半才发现需要重构,计划模式能防住这种情况:开启后它先读项目写计划、不改文件,你改完计划再放行,思路和Opus规划步骤一样,只是内置到了工具里。再进一步是给一个多步骤完整任务让它自己跑完,关键是任务说明要包含四部分:目标、约束条件、什么算完成、特别不想要的东西。说明到位后,自动模式的价值就体现出来——常规命令自动通过,只有有风险的才停下来等确认,你最后只需按任务说明把功能挨个测一遍。

这个月刚出的新项目功能还在测试阶段,可以在云端同时跑好几个任务、每个在自己的环境里。新手不建议一上来就用,每个并行任务都意味着多一个要审查的结果,而审查始终是你的事。

最后把局限性说清楚:Claude Code不会在银行后端或安全要求严格的医疗平台上取代工程团队,那类工作需要深入的架构决策和多年领域知识,桌面版应用没有改变这一点。它改变的是谁能开始动手做。另外两个坑都来自长时间对话:一是对话无限膨胀后上下文拥挤,Claude开始重复自己或忘记之前的决定,中途输入Compact让它总结重要决策、丢掉噪音;二是同一个bug修了三次还不行,多半是对话本身在拖后腿,不如开一个全新对话,干净描述问题、粘贴完整报错,CLAUDE.md会跟着你走,重要的东西不会丢。

费用上,Claude Code包含在付费Claude套餐里,入门Pro大约每月20美元,每周用几次从这里起步就对了;经常撞用量上限再考虑Max,每月约100美元起步;API按token付费听起来便宜,但用Opus做一次长时间规划就可能花掉好几美元,先摸清实际用量再切。桌面应用才是真正重要的更新——那个前五分钟就劝退一半观众的安装流程,已经没了。

计划模式是 Claude Code 内置的一种工作状态:开启后模型先阅读项目、输出实施计划,但不修改任何文件,等你审阅并调整计划后再放行执行。它把“先规划后施工”的交接流程固化进工具本身,适合涉及多个文件、容易中途发现需要重构的任务,能在改动发生前以最低成本纠正方向。

#Claude Code#Claude Code桌面版#AI编程#Chrome扩展开发#CLAUDE.md#Opus 5.5#Sonnet#AI编程入门
分享:

相关推荐