我的第一个浏览器插件诞生记：借助 AI，2天搞定 TidyDownload

前言：从“强迫症”到“创造者”

最近捣鼓出了个超有成就感的小东西——我的第一个浏览器插件 TidyDownload！

起因其实很简单：我有轻微的“数字囤积症”，下载文件夹（Downloads）永远是一团糟。图片、安装包、PDF 文档混在一起，每次找文件都要翻半天。我就想着，能不能有个工具能自动把它们分门别类整理好？

本来以为开发插件门槛很高，没想到抱着试一试的心态，在 AI 的辅助下，从写代码到画 UI，零零散散只用了 2天 就搞定了！这比我预想的快太多了。（放以前得做2个星期！！）

✨ 它是干什么的？

TidyDownload 主打“下载即整理”。告别杂乱无章的下载文件夹，它能帮你自动“收纳”文件。

根据我上传的代码，这个小工具目前实现了以下核心功能：

• 📂 智能自动归档：
  下载文件时，它会自动识别后缀名。图片去 /Images，文档去 /Documents，安装包去 /Apps，井井有条。
• 🛡️ 隐私零焦虑：
  这是我最在意的一点。基于 Chrome Manifest V3 标准开发，所有逻辑都在本地运行，不联网、不上传数据。你的下载记录只属于你自己。
• 🎨 颜值即正义：
  虽然是工具类插件，但我还是花了心思在 UI 上。采用了流行的 Glassmorphism（毛玻璃） + Bento Box（便当盒） 布局，看起来清爽干净。
• 🌍 多语言支持：
  顺手做了全球化，支持中文、英语、日语等7种语言（没想到吧，我把 右布局 阿拉伯语适配都做了！，AI真香！）。

🛠️ 幕后：AI 时代的开发体验

作为一个独立开发者，这次体验最深的就是：AI 真是生产力放大器。

• 技术栈：原生 HTML/CSS/JS (Vanilla)。没有引入笨重的框架，保证了插件的极致轻量（安装包非常小）。
• 开发流程：我负责提供思路和把控逻辑，AI 帮我生成基础代码和正则规则。比如 manifest.json 的权限配置、background.js 的分类算法，AI 帮我省去了大量查文档的时间。

📦 哪里可以下载？

虽然功能不复杂，但为了跑通整个流程，我也体验了一把“发布上架”的苦与乐。

1. Edge 商店：
   点击跳转到浏览器扩展应用商店安装
2. GitHub Release（抢先体验 ⚡️）：
   等不及的朋友，或者想看源码的大佬，我已经把安装包（.zip）和源码放到了 GitHub。

👉 点击前往 GitHub 下载
(下载后解压 -> 浏览器打开开发者模式 -> 加载已解压的扩展程序即可)

3. Chrome 商店（稍作搁置 🚧）：
   谷歌那边稍微有点卡壳，开发者账号需要支付注册费并绑定信用卡，我目前还在搞定支付方式，后续弄好了再补上！

💭碎碎念

虽然 TidyDownload 只是一个简单的工具，但从一个痛点想法落地，到跑通代码、UI设计、多语言适配，再到上架发布，整个过程走完真的成就感爆棚！

如果你也有下载文件夹乱糟糟的烦恼，欢迎下载试试看！也欢迎提 Issue 或者 PR，我们一起把它变得更好用～