告别浏览器书签找代码的痛:10分钟用终端神器 SnippetX 打造本地代码库
大家好,我是提米哥。
以前,我的浏览器里有个叫“代码资料”的书签文件夹,里面塞了 40 多个标签页。什么正则表达式、curl 命令、配置文件,还有“那个我每次都记不住的 CSS 修复代码”。
表面上看,它们被整理得井井有条。但实际上呢?简直就是一个垃圾场,而且浏览器的搜索功能只能搜标题,找个代码片段能急死人。
上周末,我花大概 10 分钟时间,把这些东西全搬到了电脑终端(命令行)里。今天就把这个极简的工作流分享给大家,它真的彻底改变了我的写代码体验。
第一步:选一个本地的代码片段管理工具
我给自己定了个死规矩:代码片段必须存在我自己的电脑上,而且得是个纯文本文件。不需要注册账号,不需要联网,更不用担心哪天服务商倒闭导致数据丢失。
我找到的神器叫 SnippetX —— 一个没有任何多余依赖的本地代码片段管理器。它把所有的数据都存在 ~/.snippetx/snippets.json 这一个文件里。你可以随时查看它、备份它,或者把它同步到任何地方。
第二步:把书签里的代码挨个导进去
操作非常简单:打开你书签里的网页,选中代码,复制它。然后在终端里敲一行命令:
# 将系统剪贴板里的内容,通过管道传递给 snippetx,保存为一个名为 debounce 的 js 代码片段
pbpaste | npx @wuchunjie/snippetx add debounce js
终端会立刻给你反馈:
✅ Saved: "debounce" (js)
存一个片段只需要两秒钟,你唯一需要动脑子的就是给它起个名字。我一口气把整个文件夹里的 43 个代码片段全导进去了,然后直接删掉了那个浏览器书签文件夹。
第三步:删掉书签文件夹
这一步感觉特别“爽”,甚至有点违背直觉。直接删掉它就行了!浏览器书签夹彻底消失,你所有的代码片段现在都乖乖躺在终端里了。
带来的巨大收益
以后需要找代码片段?只需一条命令,而且支持全文内容搜索:
# 在所有代码片段中搜索包含 "debounce" 关键字的内容
npx @wuchunjie/snippetx search debounce
终端会精准显示匹配结果:
🔍 "debounce" → 1 match
🔹 f3a1b2c4 debounce
...function debounce(fn, ms) { ...
想直接把它复制到剪贴板里用?也是一条命令搞定:
# 将 ID 为 f3a1b2c4 的代码片段输出,并用 pbcopy 命令直接复制到系统剪贴板
npx @wuchunjie/snippetx copy f3a1b2c4 | pbcopy
再也不用开一堆标签页,再也不用上下滚动,再也不用回忆“那段代码到底在 6 个 Stack Overflow 网页里的哪一个”了。
传统书签 vs SnippetX 全面对比
为了让大家看得更直观,我把两者的区别列在下面:
- 查找片段:传统书签需要手动翻找 40 多个标签页;SnippetX 只需要 1 条命令。
- 搜索能力:传统书签只能搜索网页标题;SnippetX 可以搜索片段名称和具体代码内容。
- 离线使用:传统书签部分支持;SnippetX 永远支持本地离线使用。
- 数据同步:传统书签依赖浏览器账号配置;SnippetX 只需要用 git 或者直接拷贝那一个 JSON 文件。
- 浏览器重置:传统书签清空浏览器就没了;SnippetX 的数据独立存在,安然无恙。
完整命令速查
SnippetX 的命令非常符合直觉,新手也能一秒看懂:
# add:保存代码片段(通过管道传入内容),需指定名称,语言可选
# list:列出所有代码片段,可加过滤条件
# show:查看指定 ID 的代码片段详情
# search:全局搜索代码片段内容
# rm:删除指定 ID 的代码片段
# copy:将指定 ID 的代码片段输出到屏幕(方便配合复制命令使用)
add <name> [lang] Save snippet (pipe content in)
list [filter] List all snippets
show <id> View a snippet
search <term> Search all snippets
rm <id> Delete a snippet
copy <id> Output snippet to stdout
同系列开发者工具箱
作者还开发了几个同样好用的零依赖小工具,顺便给大家安利一下:
- ScaffoldX:几秒钟内生成可直接用于生产环境的项目模板(命令:
npx scaffoldx-cli) - DotGuard:扫描
.env环境变量文件,防止机密信息泄露(命令:npx @wuchunjie/dotguard) - GitPulse:在终端里查看 Git 数据分析,包括提交记录、贡献者和活跃度(命令:
npx @wuchunjie/gitpulse)
这些工具都是 100% 免费且开源的,没有多余的依赖,没有数据追踪,主打一个轻量好用。
