npmx.dev 快速上手指南把 npmjs.com 换成一个词立即解锁 20 项新功能【免费下载链接】npmx.deva fast, modern browser for the npm registry项目地址: https://gitcode.com/gh_mirrors/np/npmx.devnpmx.dev 是一个快速、现代的 npm 注册表浏览器browser for the npm registry。你只需把任意 npm 包网址里的npmjs.com换成npmx.dev就能在同一个地址栏里获得更快的搜索、可视化比较、在线代码浏览和 20 多项原生 npm 官网没有的功能——无需安装、无需配置。第一步换掉一个词npm 网址秒变增强版npmx.dev 完整兼容 npm 的 URL 结构也就是 README.md 里承诺的「URL Compatibility」。把域名替换一下原来收藏的链接全部继续有效原来的 npm 网址换成 npmx.devnpmjs.com/package/vuenpmx.dev/package/vuenpmjs.com/package/vue/v/3.4.0npmx.dev/package/vue/v/3.4.0npmjs.com/search?qvuenpmx.dev/search?qvuenpmjs.com/~sindresorhusnpmx.dev/~sindresorhusnpmjs.com/org/nuxtnpmx.dev/org/nuxt 小技巧它还支持更短的 URL比如/vue、/vue3.4.0、/~sindresorhus、/nuxt/kit详见 README.md。第二步搜索 npm 包即时结果 无限滚动打开首页输入框会自动聚焦——直接打字就能搜。搜索结果即时展示往下滚动会自动加载下一页infinite search页面逻辑见 app/pages/search.vue 与首页入口 app/pages/index.vue。第三步读懂一个 npm 包的健康度详情页 10 个信号包详情页app/pages/package/一眼能看到徽章模块格式ESM/CJS、TypeScript 类型带types/*链接、engines 约束⚠️安全信号OSV 漏洞警告、过期依赖提示、安装脚本警告、许可证变更警告安装体积含传递依赖的总安装大小来源证明Provenance已验证构建徽章周下载量sparkline 图表 点击任意版本号直接跳转第四步并排比较多个 npm 包下载量、体积、漏洞比较页app/pages/compare.vue可以同时选最多 10 个包按下载量、体积、依赖数、类型支持、安全状态、仓库健康度等维度对比。图表模式还新增「四象限图」横轴是社区热度纵轴是开发者体验帮你快速分辨「宝藏小众包」和「热门但有代价的包」第五步在线看源码和自动生成的 API 文档不用下载 tarball直接在浏览器里逛包的源码树支持语法高亮和跳转到具体行对于有类型定义的包npmx 还能自动生成 API 文档页app/pages/package-docs/此外还有版本 Diffapp/pages/diff/、Changelogapp/pages/package-changelog/和发布时间线app/pages/package-timeline/。统计标签页npm 包下载量与趋势一屏看全0.16 版起每个包都有独立统计页所有指标集中呈现见 rainbow-comet.md 的发布说明效率快捷键键盘流 命令面板 ⌘Knpmx.dev 把键盘导航做成了标配useShortcuts.ts按键作用/聚焦搜索框.打开代码浏览⌘ K/Ctrl K打开命令面板↑ ↓在搜索结果中导航命令面板0.8.md内置 68 个命令切主题、切语言、跳页面、下载 tarball……在包页面直接粘贴版本号或 SemVer 范围如~1.0.1会立刻列出匹配版本个性化设置深色模式和 39 种界面语言 深色 / 浅色模式还能自定义强调色AccentColorPicker.vue 39 语言界面含 RTL 语言i18n/locales/界面即代码♿ 从第一天就内置的无障碍体验键盘工作流 axe/Lighthouse 自动化审计README.md想更进一步参与 npmx.dev 开源共建npmx.dev 不替代 npm 注册表而是给它一个更快、更现代的浏览器外壳。想读代码或提 PR先看看 CONTRIBUTING.md然后克隆仓库git clone https://gitcode.com/gh_mirrors/np/npmx.dev总结把npmjs.com换成npmx.dev这一个动作换来的是即时搜索、包健康度信号、多包比较、源码/API 文档、统计趋势和全套快捷键——20 项能力零配置立即生效。【免费下载链接】npmx.deva fast, modern browser for the npm registry项目地址: https://gitcode.com/gh_mirrors/np/npmx.dev创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考
