告别浏览器书签找代码的痛: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% 免费且开源的,没有多余的依赖,没有数据追踪,主打一个轻量好用。

直达网址:https://www.npmjs.com/package/@wuchunjie/snippetx

类似文章