书单配置工具 v1.0 上线：让分享好书变得更简单

开发者honwhy常在技术社区看到大家热情推荐书单：“前端入门必读五本”、“改变我编程思维的三本书”……但这些书单大多散落在微博、知乎或微信群里，格式不一，难以收藏和传播。

于是honwhy想：

能不能做一个轻量工具，把喜欢的书整理成一张可配置、可分享的榜单？

就这样，《书单配置工具》v1.0 上线了。

👉 访问地址：https://list.honwhy.wang

它不是一个复杂的平台，而是一个极简的网页应用，帮助你快速生成一份美观、结构化的书单，并支持一键导出分享。

核心功能一览

• ✅ 创建、删除、复制榜单
  可管理多个书单，如“Python 进阶”、“产品设计精选”等。
• ✅ 填写书籍信息
  每本书支持设置：
  • 书名
  • 作者
  • 豆瓣评分（或其他来源）
  • 封面图片（支持上传或填入 URL）
• ✅ 自定义底部二维码
  可添加一个二维码，指向你的公众号、知识星球、小红书主页等，方便读者关注你。
• ✅ 导出榜单
  支持将当前书单以 HTML 页面形式导出，可本地保存或部署到静态网站，永久可用。

所有数据目前存储在浏览器的 localStorage 中，无需注册登录，开箱即用。后续如有时间，计划升级为云端同步，支持跨设备访问。

开发背后的故事

这个项目从想法到上线仅用了几天时间，过程中也踩了不少坑：

🧠 95% 代码由 Qwen 生成

本次开发大量使用通义千问（Qwen）辅助编码，包括组件结构、逻辑实现、错误排查等环节。无论是 Nuxt 的路由配置，还是 ShadCN-Vue 的集成，几乎都通过对话式提示完成。

这让我深刻体会到：

AI 不是替代程序员，而是把我们从重复劳动中解放出来，专注在“做什么”而非“怎么写”。

💣 Tailwind CSS 失效问题卡住整整一天

在尝试使用 nuxtui 时，发现 Tailwind 样式未生效。排查过程涉及构建配置、模块加载顺序、PostCSS 版本冲突等多个层面，最终发现是 nuxtui 与项目依赖存在兼容性问题。

教训总结：

新框架引入需谨慎，优先验证核心样式系统是否正常工作。

✨ 使用 shadcn-vue 实现弹窗与通知

为了获得更原生的交互体验，项目集成了 shadcn-vue，用于实现：

• 删除确认对话框（Dialog）
• 操作成功提示（Toast）

组件按需引入，无额外样式污染，体验接近原生桌面应用。

后续迭代计划

虽然 v1.0 已满足基本需求，但还有很多可以优化的方向：