说明:通过一个开发者用自然语言指令让腾讯QClaw在20分钟内自动完成从创建、编码到发布一个Chrome扩展的全流程,展示了它如何将项目初始化、Git操作、部署等开发“杂事”自动化,从而让程序员专注于核心创意。
上周末躺在沙发上刷手机,突然想到一个事:每次写技术博客,都要手动复制网页标题、URL和meta信息作为引用来源。这个操作每天至少做十几次,烦得要死。
一个Chrome扩展就能解决,但从零写一个的话——创建文件夹、配manifest.json、写popup页面、调样式、测试、再推到GitHub——怎么也得大半天。
然后我想起来电脑上装着QClaw。
我在微信里给它发了条消息,描述了一下我要什么功能。20分钟后,扩展写好了,GitHub仓库也建好了。周末没浪费,躺着就把事办了。
先说说QClaw是什么。它是腾讯出的本地AI助手,跑在你电脑上,能操作文件系统、执行命令行、调用浏览器。跟Copilot或Cursor不一样的地方在于:它不只是帮你写代码,它能帮你"做事"——创建项目、写代码、跑命令、Git操作、部署,全部一条龙。
搭脚手架这种事,不值得花脑子
每启动一个新项目,流程都差不多:创建文件夹、初始化项目、装依赖、配ESLint、配TypeScript、配打包工具。这些步骤闭着眼睛都能做,但每次还是得花20-30分钟。
有人说"我有自己的模板"。但模板得维护,依赖版本会过时,配置会过期。
QClaw的做法很直接——你用自然语言描述你要什么就行:
在桌面创建"data-dashboard"项目,用React+Vite+TypeScript初始化,安装Ant Design和Echarts作为依赖,配置好ESLint和Prettier,创建基础目录结构(components/pages/utils/hooks),写一个带侧边栏的基础布局组件
一句话,从创建文件夹到项目可运行,全部自动完成。你打开编辑器的时候项目已经就绪了。
后端也一样:
创建"api-server"项目,用Express+TypeScript初始化,配好nodemon热重载,创建routes/controllers/middlewares目录,写一个带健康检查和CORS配置的基础server,端口3001
省下的不只是20分钟,而是那段"还没开始写核心代码就已经被消耗的注意力"。 说实话这一点对我触动最大。
Git操作不难,但加起来的时间挺可观
作为开发者每天跟Git打交道的次数不少。add、commit、push、切分支、创建PR、merge……每一步都不复杂,但加起来的时间成本不低。特别是在多个项目之间切换的时候,经常要先搞清楚"这个项目我在哪个分支、上次改了什么"。
这时候QClaw就很顺手了:
看一下"data-dashboard"项目当前的git状态,告诉我在哪个分支、有哪些改动
把当前所有改动commit,信息写"feat: 完成数据看板图表组件",推送到dev分支
基于dev分支创建一个PR到main,标题"Feature: 数据看板MVP",描述里列出这次的主要改动
不需要打开终端敲命令,也不需要打开GitHub网页手动创建PR。一句话一步操作,思路不会被打断。
还有个我特别喜欢的用法:
每天下班前自动检查桌面上所有Git项目的未提交改动,列出清单微信通知我
再也不怕忘了commit就关电脑了。
想到一个小工具,从想法到能用太慢
你有没有这种经历?突然想做个小工具——一个Chrome扩展、一个CLI脚本、一个数据处理小程序。需求很清楚,功能不复杂,但从动手到做完,还是得花几个小时。因为你不只是在写核心逻辑,还在处理配置文件、样式代码、打包设置这些周边工作。
QClaw干这个就特别合适,直接描述你要什么:
帮我做一个Chrome扩展:点击图标弹出面板,显示当前网页的标题、URL和meta description,有一个"复制全部"按钮,复制后显示"已复制✓"持续2秒。面板用深色主题。
QClaw会帮你:
1. 创建完整的项目文件夹和目录结构
2. 写manifest.json配置
3. 实现popup页面和交互逻辑
4. 写样式代码
5. 所有文件保存好,直接可以加载到Chrome里测试
从"想做一个工具"到"工具已经可以用了",中间可能只要几分钟。
部署跑脚本还得盯着,完全没必要
部署这事儿,脚本写好了其实不难,但每次都要:跑脚本→等待→检查日志→确认成功→通知团队。流程很机械,但又不放心完全不看。
我后来都是这么处理的:
运行桌面deploy.sh脚本,运行完成后把日志最后30行发到我微信,如果日志中出现error关键词就在微信里重点标出
不需要守在终端前等脚本跑完。去忙别的事情,跑完了QClaw会把结果推到微信上。有报错还会帮你高亮。
更完整的部署流程可以串起来:
先跑一遍测试(npm test),如果全部通过就执行npm run build,build完成后运行deploy.sh,全程日志保存到"deploy-logs/20260401.txt",最终结果微信告诉我
从测试到部署到通知,一句话搞定。
完整实战:从零到GitHub发布一个Chrome扩展
回到开头的故事。下面是那天我实际的操作流程,展示QClaw怎么帮我从零完成一个完整的开发发布。
场景:做一个叫"PageExtractor"的Chrome扩展——点击图标就能复制当前网页的标题、URL和meta信息。从创建项目到发布GitHub。
第1步:初始化项目
在桌面创建"page-extractor"文件夹,初始化Chrome扩展项目:创建manifest.json(V3版本,权限包含activeTab和clipboardWrite)、popup.html、popup.js、content.js,写好基础结构
QClaw创建了完整的项目骨架,manifest.json配置正确,文件引用关系处理好。
第2步:实现核心功能
在page-extractor项目中实现功能:点击扩展图标弹出popup面板,面板中显示当前标签页的标题、URL、meta description(通过content.js获取),底部一个"复制全部"按钮,点击后把信息按"标题\nURL\n描述"格式复制到剪贴板
核心交互逻辑和消息传递全部实现。
第3步:添加样式美化
给page-extractor的popup加深色主题样式:背景#1a1a2e,文字#eee,按钮用渐变蓝色(#4361ee),圆角8px。面板宽度350px。"复制全部"按钮点击后变为绿色显示"已复制 ✓"持续2秒后恢复。加过渡动画。
第4步:Git初始化并推送
在page-extractor项目中初始化git,创建.gitignore(排除node_modules和.DS_Store),全部文件暂存并commit,信息"feat: 初始版本 - 网页信息一键复制Chrome扩展",创建GitHub仓库"page-extractor"并推送到main分支
第5步:生成文档
为page-extractor生成README.md,内容包含:- 项目介绍(一句话描述功能)- 截图区域(预留位置)- 安装方法(从Chrome扩展加载未打包的方式)- 使用方法(3步操作说明)- 技术栈(Chrome Extension MV3 + Vanilla JS)- License(MIT)commit信息"docs: 添加README"并推送
第6步:确认完成
把page-extractor的GitHub仓库地址发到我微信
六步,从一个沙发上的想法到一个发布在GitHub上的完整项目。 全程没有打开终端手动敲过一行命令,没有在GitHub网页上手动创建仓库。
跟Copilot、Cursor有啥不一样
可能有人问,"Copilot、Cursor不也能写代码吗?"
能写,但定位不同:
能力 | QClaw | Copilot / Cursor |
代码补全 | ✅ | ✅(更擅长) |
操作文件系统 | ✅ 创建/移动/删除/搜索 | ❌ 局限于编辑器内 |
执行终端命令 | ✅ npm/git/脚本 | 有限或需手动确认 |
创建GitHub仓库 | ✅ 自动完成 | ❌ |
微信远程控制 | ✅ 出门也能操作 | ❌ |
定时自动化任务 | ✅ 定时跑测试/部署 | ❌ |
非代码任务 | ✅ 写文档/发邮件/整理文件 | ❌ |
简单说:Copilot帮你写代码,QClaw帮你做事。 它们不是替代关系,是互补的。Copilot在编辑器里帮你写,QClaw在编辑器外帮你处理所有其他事情。
什么样的程序员用着最爽
经常需要启动新项目的全栈开发者
一个人负责从开发到部署的独立开发者
想快速验证想法、做MVP的创业技术人
每天被Git操作和部署流程消耗时间的工程师
觉得"写代码只占我工作的60%,剩下40%在搞配置和流程"的程序员
QClaw目前公测免费。对开发者来说学习成本约等于零——你已经比普通用户更擅长用精确的语言描述需求了,这正是QClaw最吃的地方。
把那些无聊的重复工作交给QClaw,把你的时间留给真正需要动脑的事情。
装上试试就知道了。反正我现在搭项目都懒得自己敲命令了。