1.摘要：
使用 SOLO 对基于 hiprint 的 Vue3 打印设计器项目进行了深度改造，将修改后的包发布到 npm，使下游项目通过 pnpm install 即可使用打印设计器
2.背景：
我是一名前端开发，需要基于hiprint封装打印插件。原本耗时无法估量，需定期汇报研究成果，现在用SOLO清明节假期总耗时两天不到就完成并让leader点赞了。
3.实践过程：
任务拆解
将问题分为三个阶段：
-
分析提供的材料并规划任务
-
按规划的任务阶段执行计划
-
验证执行计划的产物，发现问题继续让SOLO修复
-
发布自研包 — 将项目自研的 core 和 designer 包发布到 npm
4.成果展示：
使用 SOLO 的能力
| 能力 | 用途 |
|---|---|
| 代码搜索 (Grep) | 在 3 万行混淆代码中定位 getWatermarkHooks、createPower 等水印函数 |
| 文件编辑 (SearchReplace) | 精准修改混淆变量名对应的代码行 |
| 终端命令 (RunCommand) | 执行 pnpm patch、pnpm patch-commit、npm pack、npm publish |
| 浏览器自动化 | 验证设计器界面、预览功能是否正常 |
| 子代理 (Explore) | 深度分析 @sv-print/vue3 的 Svelte→Vue3 桥接架构（4 个组件、30+ props、slot 桥接机制） |
踩过的坑
| 坑 | 原因 | 解决 |
|---|---|---|
| 预览变空白 | 把 createWatermark 整个替换为空函数，破坏了 DOM 结构 |
只清空水印内容，保留 DOM 创建逻辑 |
link: 依赖导致他人安装失败 |
用本地路径链接 fork 包 | 改为 npm: 协议引用已发布的包 |
| npm 403 Forbidden | @vue3-print scope 未创建组织 |
改为普通包名 vue3-print-core |
| npm 403 包名冲突 | vue3-print-designer 已被别人占用 |
改名为 sx-vue3-print-designer |
| sv-print CSS 不加载 | 321KB 的 Tailwind v4 压缩 CSS 需要手动引入 | 放到 public 目录动态注入 |
5.效果与总结：
对 AI 工作方式的思考：
-
提效了不止3-5倍，原本并没有多大信心搞定，抱着尝试的心态，没想到完成了；
-
SOLO 在流程中的角色：代码分析（搜索混淆变量）→ 精准修改 → 构建打包 → 浏览器验证，全链路自动化；
-
可复用方法：
pnpm.overrides+ fork npm 包的模式，适用于任何需要修改 npm 依赖但无法直接提 PR 的场景（如去除水印、修复 bug、定制功能）
