🐸 njt 🐸
🐸 npm 快速跳转 🐸
njt.vercel.app
你是否经常在搜索引擎中输入包名,然后导航到它们的源代码、主页、更新日志等? 🕐🕑🕒🕓🕔
通过快速跳转到正确的 URL,节省数千次五秒钟:
🐸✨🐸✨🐸
njt <包名> [目标]
🐸✨🐸✨🐸
可用目标
b
→ 在 bundlephobia.com 上估算包大小c
→ 更新日志g
→ github (gitlab 等) 仓库根目录h
→ 主页 (别名w
代表网站或d
代表文档)i
→ 问题n
→ npmjs.com 上的包信息p
→ 拉取请求 (别名m
代表合并请求)r
→ github 发布列表s
→ 源代码 (通常与仓库根目录相同,但在 monorepo 的情况下可能是其子目录)t
→ git 标签列表u
→ 在 unpkg.com 上预览包内容v
→ 在 npmjs.com 上查看带日期的包版本列表y
→ yarnpkg.com 上的包页面 (npmjs.com 的镜像注册表).
→ 浏览 GitHub / GitLab 代码
省略目标或输入不存在的目标会将你带到 npmjs.com 上的包页面,就像使用 n
一样。
示例
njt prettier
(未指定目标)
🐸 → https://www.npmjs.com/package/prettier
njt prettier h
(主页)
🐸 → https://prettier.io
njt prettier s
(源代码)
🐸 → https://github.com/prettier/prettier
njt prettier r
(发布)
🐸 → https://github.com/prettier/prettier/releases
njt prettier y
(yarn)
🐸 → https://yarnpkg.com/package/prettier
获取 njt
你可以在几种环境中使用 njt
。
选择你喜欢的或全部使用!
🟢 命令行工具
通过在终端中运行以下命令,从 npm 全局安装 njt
:
npm install --global njt
现在一切就绪。
尝试执行 njt <包名> [目标]
,使用一些实际参数。
例如,以下两个命令会分别带你到 Lodash 的 github 仓库和h主页:
njt lodash g
njt lodash h
如果不带参数启动 njt
,将显示支持的目标列表。
要卸载,运行 npm remove --global njt
。
要重新安装或升级,再次运行 npm install --global njt
。
专业提示 💡 当你指定 .
而不是包名时,njt
会从最近的 package.json
文件中获取名称。
专业提示 💡 要自定义要打开的浏览器,请设置名为 NJT_BROWSER
(或仅 BROWSER
)的环境变量,值为你选择的应用程序名称。
根据你的操作系统,该值可能会有所不同。
请注意,设置 BROWSER
而不是 NJT_BROWSER
可能会影响其他工具,这可能是你想要的,也可能不是。
🟢 Chrome 中的自定义搜索引擎
-
打开 Chrome 设置,例如导航到
chrome://settings
-
导航到"管理搜索引擎"部分(例如,在"搜索设置"字段中输入其名称)
-
点击"其他搜索引擎"旁边的"添加"
-
填写"添加搜索引擎"表单:
字段 值 搜索引擎 njt (npm jump to)
关键字 njt
包含 %s 的 URL https://njt.vercel.app/jump?from=chrome&to=%s
-
点击"添加"
从现在开始,在地址栏中输入 njt <包名> [目标]
将直接带你到你想要的页面。
例如,njt react h
会带你到 React.js 主页。
要卸载,打开 Chrome 设置中的"管理搜索引擎"部分,点击"其他搜索引擎 → njt"旁边的三个点,然后点击"从列表中删除"。
专业提示 💡 你可以使用 n
而不是 njt
作为关键字,以避免每次输入两个额外的字符。
在 Chrome 地址栏中输入的命令将变为 n <包名> [目标]
🚀
🟢 Firefox 中的搜索书签
你可以直接在 Firefox 的地址栏中使用 njt
。
- 打开 njt.vercel.app
- 右键点击搜索输入框
- 在上下文菜单中,选择"为此搜索添加关键字..."
- 你会看到一个小表单;在"关键字"字段中输入
njt
- 点击"保存"
从现在开始,在地址栏中输入 njt <包名> [目标]
将直接带你到你想要的页面。
例如,njt react h
会带你到 React.js 主页。
要卸载,从主菜单打开 Firefox 书签,搜索 njt
并删除该书签。
专业提示 💡 你可以使用 n
而不是 njt
作为搜索关键字,以避免每次输入两个额外的字符。
在 Firefox 地址栏中输入的命令将变为 n <包名> [目标]
🚀
🟢 Alfred 网络搜索
想要直接从 Alfred 启动器 跳转吗?
-
打开 偏好设置 → 功能 → 网络搜索
-
点击 添加自定义搜索
-
填写表单:
字段 值 搜索 URL https://njt.vercel.app/jump?from=alfred&to={query}
标题 Search njt for '{query}'
关键字 njt
图标 从 https://njt.vercel.app/favicon-32x32.png 拖拽 -
点击 保存
或者,复制并打开这个特殊的 Alfred 链接,以完成上述所有步骤:
alfred://customsearch/Search%20njt%20for%20%27%7Bquery%7D%27/njt/utf8/nospace/https%3A%2F%2Fnjt.vercel.app%2Fjump%3Ffrom%3Dalfred%26to%3D%7Bquery%7D
专业提示 💡 你可以使用 n
而不是 njt
作为搜索关键字,以避免每次输入两个额外的字符。
在 Alfred 地址栏中输入的命令将变为 n <包名> [目标]
🚀
你还可以创建带有你喜欢的 njt
后缀的变体,以更少的字符跳转到你喜欢的位置。
例如,关键字 ng
可以作为 njt {query} g
的快捷方式。
🟢 VSCode
如果你使用 Visual Studio Code,可以通过 LaunchX 扩展将 njt 添加到命令面板。
-
打开命令面板
-
输入
njt
并按回车 -
输入你的搜索内容并再次按回车
专业提示 💡 使用 ctrl+alt+n
来绕过命令面板。
🟢 DuckDuckGo bang
DuckDuckGo bang 正在等待批准(如果您知道如何加快这个过程,请帮忙)。
如果您使用duckduckgo.com作为主要搜索引擎,请在其搜索框中输入!njt <包名> [目标]
(注意开头的感叹号)。
这个技巧得益于DuckDuckGo出色的bang功能。
🟢 njt
迷你网站上的在线搜索框
打开njt.vercel.app,输入您的查询,按回车键。 这种方法比其他方法稍慢,因为它需要打开一个带有输入表单的网页。 好处是它可以在任何地方使用,无需设置。
感谢Vercel托管njt.vercel.app 💚
❓更多方式
您是搜索快捷方式专家吗?
欢迎提出建议,为njt
添加新的入口点,节省全世界人们的时间!
njt
如何工作
查询解析
njt
的逻辑集中在njt.vercel.app/jump
端点(源代码)。
所有njt
界面都将用户查询提交到https://njt.vercel.app/jump?from=UI_ID&to=USER_QUERY
,然后从那里重定向到目标地址。
对于像njt <包名>
或njt <包名> y
这样的查询,重定向很简单:https://www.npmjs.com/package/<包名>
或https://yarnpkg.com/package/<包名>
。
大多数其他情况需要查看package.json
以获取搜索包的最新版本。
这个文件从www.npmjs.com获取。
它包含仓库位置、主页和一些其他用于构建目标URL的字段。
隐私
官方njt
界面和njt.vercel.app/jump
端点不存储提交的查询。
由于njt.vercel.app由Vercel托管,性能和使用数据由基础设施记录(参见Vercel Analytics)。
当njt
导航到https://njt.vercel.app/jump?from=UI_ID&to=USER_QUERY
时,from=UI_ID
参数与用户查询一起发送到端点。
该值目前被忽略,但将来可能用于解析查询或分析njt
界面的受欢迎程度。
先前的艺术
npm
cli内置了一些njt
目标的快捷方式:
📦 npm home <包名>
或 npm docs <包名>
⭥
🐸 njt <包名> h
(主页)
📦 npm issues <包名>
或 npm bugs <包名>
⭥
🐸 njt <包名> i
(问题)
📦 npm repo <包名>
⭥
🐸 njt <包名> g
(github, gitlab等仓库)
使用njt
,您可以在多个环境中访问更多快捷方式,这使您在日常工作中更加高效。