从零到发布:一个国企员工用 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做项目,欢迎交流。

Logo

汇聚全球AI编程工具,助力开发者即刻编程。

更多推荐