夜雨聆风我是一名程序员，平时维护好几个环境。每个环境都有一堆零碎的连接信息：服务器 IP、SSH 端口、VPN 配置、堡垒机地址、几套数据库和中间件的连接串、各环境的内网域名……
这些东西的特点是：单条都不长，但加起来数量可观；查到之后通常要立刻复制到浏览器或终端里用；过段时间又会变，密码改了、机器迁了、域名换路了。
很长一段时间，我把它们放在 Notepad++ 和 Excel 里。
不是没想过用别的工具，是每个都有不顺的地方。Notepad++ 启动还行，但分类只能靠多标签页和文件名，找东西得肉眼扫；Excel 更重，打开要等几秒，WPS 同理，往往只是想看一眼某个端口号，结果整个表格应用拉起来占几百兆内存，关掉又舍不得，留在后台吃资源。
更要命的是，这些信息真正用的时候，几乎全在浏览器里：堡垒机是网页的，中间件控制台是网页的，VPN 拨号前要确认地址也是从浏览器查。结果就是不停地在 Notepad++ / Excel 和浏览器之间切来切去。Alt+Tab 按到手指疼。
---
某天我想到一个问题：既然这些东西最后都要在浏览器里用，为什么不直接把它们放在浏览器里？我去 Chrome 应用商店搜了一下，相关插件不少，笔记类的、剪贴板类的、代码片段管理类的，一大堆。但我一个都没装。原因很简单：这些配置信息太敏感了。堡垒机地址、数据库账号、内网域名、VPN 配置——任何一条流出去都是麻烦。商店里那些插件，有的要登录、有的要云同步、有的隐私政策里写得很委婉但意思就是「我们会收集部分使用数据」。我想要的东西其实很朴素：一个离线的、数据只存在本地的、住在浏览器侧边栏里的纯文本记事本。翻了一圈没找到完全让我放心的。于是干脆自己做了一个。
---
首先我使用的 ClaueCode，搭配国内 Glm5.2大模型。
我先是将我的痛点描述给 ai，并让 ai 生成 prd 产品文档，一步步完善成我想要的结果
「侧边栏，左边是分组，像浏览器标签页那样。」
「点一下笔记就能复制内容，因为我存这些就是为了复制粘贴。」
「不要登录、不要云、不要任何需要注册的东西。」
「数据全部走 chrome.storage.local，不发出任何网络请求。」
「颜色像 iOS，灰白底，圆角，别太工程师。」
然后就是编码开发阶段，这里给大家科普一款插件 superPowers，除了有点费 token，都挺好。
它写一段，我看一眼，觉得不对就改。分组之间移动笔记不要弹窗，太重，菜单就够；标题聚焦的时候不要那个 1px 的边框跳动，看着难受；导入 .txt 文件的时候要按文件名自动生成标题，因为我的旧数据全是 txt。
---
几个小时居然真的聊出来了。我给它起名叫 SideNote。
它就住在浏览器右侧的侧边栏里，跟网页同屏共存。一个竖条，顶部是分组，横向排列像标签页；下方是当前分组的笔记列表；点一条进去能编辑，复制按钮一按，内容就进剪贴板。
*整体外观：侧边栏常驻，分组 + 笔记列表*
我现在大概这样用它：
「生产」分组里放线上环境的堡垒机地址、几个核心库的连接串、域名映射；
「测试」分组里放 QA 环境对应的同类信息；
「常用」分组放 SSH 模板、几段反复要用的 shell 命令、Nginx 配置片段；
「临时」分组放当天的验证码、会议要点、临时记下的排查线索，用完就删。
*按环境分组，复制一键到位*
需要某个连接串的时候，浏览器侧边栏打开，点一下就复制好，直接粘到终端或网页表单里。不用切应用，不用启动 Excel，不用Alt+Tab。换设备时导出一份 JSON，新机器导回去就行。不登录账号这件事对我来说反而是加分——一方面少一个密码要记，另一方面，没有账号体系就意味着没有「我的账号」这个概念存在任何服务器上。深色模式跟系统走，白天黑夜都不用管。
整个过程比我预想的愉快，也比我预想的折腾。愉快的地方在于，我把脑子里的画面讲出来，过一会儿它就在屏幕上。「想到什么就长出来什么」的感觉，是会上瘾的。
折腾的地方在于，AI 写出来的东西经常差点意思。一个看起来对的菜单，关闭逻辑少了一行；一个我以为居中的标题，在某些屏幕上偏偏歪一点；偶尔遇到存储相关的边界情况，我得自己读两段代码，找出它没说清的地方到底卡在哪。反复说、反复改，是常态。
---
SideNote 目前只在自己和几个同事那里跑着。Chrome 应用商店上架需要缴一笔开发者注册费，对一个自用为主的小工具来说，这笔钱我还没想清楚要不要花，因为本身不盈利。。但代码是完整的，能跑，每天都在用(如果读者有需要，请后台私信我)。回过头看，做这个插件本来是为了少切几次应用。现在它确实做到了——我的 Notepad++ 已经很久没开过，那个塞满配置的 Excel 也归档了。浏览器一开，侧边栏一拉，该有的都在。
之前也VibeCoding 了一款 idea 插件，名字叫CTookKit，就是在 idea 中能用到的一些常用的工具,比如 json 格式化,url 编解码等等一些小功能。
现在有了 AI 之后，实现不再是难事，如今想法才是最重要的。
