从零到发布:一个国企员工用 AI 做出的跨平台阅读器
我没有计算机学位,主业也跟编程无关。但 AI 让一切不同了。
为什么要做阅读器?
市面上的阅读器,要么广告太多,要么 AI 功能只是噱头。我想要一个真正理解文档内容的阅读助手——能摘要、能翻译、能出题、能对话。
于是有了 ClawReader。
技术栈一览
| 层 | 选型 | 理由 |
|---|---|---|
| 桌面框架 | Electron 34 | 一套代码,Windows + Mac |
| 前端 | Vue 3 + Vite | 轻量、响应式、社区活跃 |
| AI 引擎 | DeepSeek API | 中文理解力强,成本极低 |
| 文件解析 | pdfjs-dist + epubjs | 主流格式全覆盖 |
| 移动端 | Capacitor | 不改Vue代码直接打包APK |
| CI/CD | GitHub Actions | 每次push自动构建 |
AI 功能的 Prompt 设计
智能摘要
你是一个阅读助手。请为以下文档生成摘要: 1. 用300字以内总结核心内容 2. 提炼3个关键要点 3. 标注文档类型和目标读者 文档内容:{全文内容}自动出题
基于以下文档内容,生成5道选择题: 1. 每道题4个选项 2. 覆盖核心知识点 3. 提供正确答案和解析 文档内容:{相关内容段落}桌面端的坑
| 坑 | 解决 |
|---|---|
| Electron 二进制下载失败 | 配 ELECTRON_MIRROR=npmmirror |
| winCodeSign 权限 | 禁用签名 forceCodeSigning: false |
| 图标损坏 | Node.js 生成多尺寸 ICO |
| 中文引号→JS语法错误 | 最坑!Python写Node.js时的编码陷阱 |
AI 在开发中的角色
| 环节 | AI做的 | 人做的 |
|---|---|---|
| 架构设计 | 0% | ✅ 100% |
| 功能代码 | ✅ 80% | 审查+修正 |
| 调试 | ✅ 70% | 判断根因 |
| 打包部署 | ✅ 90% | 配置参数 |
AI能帮你写代码,但不能替你判断方案对不对。技术选型、架构权衡、需求定义——这些才是开发者的护城河。
从中学到的三件事
1. "够用"就是最好的学习策略
没系统学过Vue,没看过Electron文档。需要什么问AI,能跑就行,剩下在实践中补。
2. 文章里的代码是帮你理解的,AI写的代码是帮你干活的
看教程学语法和概念,真正开发时让AI生成代码,自己负责理解逻辑、判断质量。
3. 一个完整项目胜过十节课
ClawReader从零到打包成exe和APK,过程中学到了Electron IPC、Vue生命周期、Capacitor桥接、GitHub Actions CI/CD——分散在十几门课里的内容,一个项目全遇到了。
后续计划
- 真机验证 Android 版
- iOS版本(Codemagic云端打包)
- 更多文件格式支持
- 开源社区化
国企员工,业余学AI开发。如果你也在用AI做项目,欢迎交流。