codex可零代码构建本地阅读清单工具：新建文件夹→用提示词生成vue3+node+sqlite四文件→npm安装运行→粘贴url自动抓取标题并持久化→支持一键导出markdown。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
用Codex开发一个能自动抓取网页标题、去重归类、支持本地离线查看的个人阅读清单工具，全程无需手动写代码，只要明确需求、划定工作区、给对提示词。
第一步：准备项目工作区并启动Codex
在电脑任意位置新建空文件夹，命名为 【reading-list-tool】；双击打开 Codex 桌面版 → 点击左上角「项目」→「选择本地文件夹」→ 选中该文件夹 → 点击「确认」。
这一步必须做，否则 Codex 无法读写任何文件，所有后续操作都会失败。
第二步：让Codex生成基础架构与运行说明
在聊天框输入以下提示词（一字不差）：
你是资深全栈工程师，擅长 Vue3 + Node.js + SQLite。请为我开发一个“个人阅读清单”工具，要求：1. 单文件桌面应用，双击即可运行；2. 支持粘贴 URL 自动提取标题并保存；3. 所有数据本地存储，不联网；4. 提供简洁的 Web 界面（含添加框、列表、清空按钮）；5. 输出完整可执行代码，包含 package.json、main.js、index.html、readme.md 四个文件，全部放在根目录下，不要建子文件夹。
发送后等待 Codex 自动创建文件。它会先分析结构，再逐个生成文件，最后给出运行命令。整个过程约 90 秒。
第三步：安装依赖并首次运行
等 Codex 显示「已生成全部文件，现在可运行」后，在聊天框输入：npm install && npm start
Codex 会自动在终端执行该命令。若提示「command not found: npm」，说明你没装 Node.js——立即去 nodejs.org/zh-CN/ 下载安装 LTS 版本，安装完重启 Codex。
成功运行后，Codex 会自动打开浏览器显示空白清单页，地址为 http://localhost:8080。
通过 Codex CLI 生成图片，支持尺寸控制和批量模式。依赖：codex (npm)。代理默认启用。用 generate.sh 生成单张，batch_generate.sh 批量生成游戏 UI 素材，gen_size.sh 指定尺寸。所有输出保存至 ~/.codex/generated_images/。
第四步：验证核心功能是否就位
在页面顶部输入框粘贴任意文章链接（例如 https://example.com），按回车。
✅ 正常情况：1 秒内列表出现带标题的条目，底部显示「已保存 1 条」；刷新页面后条目仍在。
❌ 异常情况：无反应或报错 → 立即截图错误信息，把截图拖进 Codex 聊天框，输入：“这个错误怎么修？请只改 index.html 和 main.js，不要动其他文件。”
【注意：此时不要自行修改任何代码，也不要关掉终端窗口，Codex 需要保持进程活跃才能热重载修复】
第五步：添加一键导出为 Markdown 功能
在当前聊天框追加发送：
方法一：在页面右上角增加「导出为 MD」按钮，点击后生成 reading-list-20261013.md 文件，内容格式为：
- [标题](URL)
- [标题](URL)
文件保存到与 index.html 同级目录。
方法二：不改前端界面，在终端输入 npm run export 即可生成同名 Markdown 文件。
发送后等待 Codex 修改 package.json 新增 script、更新 main.js 导出逻辑，并在 index.html 中插入按钮（如选方法一）或说明（如选方法二）。它会自动重新运行服务，你只需刷新页面即可看到新按钮或执行新命令。
