在现代前端开发中，使用第三方库和工具已经成为了家常便饭。而 npm 作为前端开发中最流行的包管理器之一，其包数量已经超过 1.4 亿个，涵盖了几乎所有的前端领域。
而 npm package badges 是一个非常有用的工具，它能够在你的项目中展示你所使用了哪些 npm 包及其版本信息。下面我们就来学习一下如何使用它。
安装
使用 npm 命令进行安装：
npm install -g npm-package-badges
使用
在 README.md 或其他 markdown 文件中添加 npm-package-badges 代码即可，如下所示：
<!--项目中使用的 npm 包及版本号--> [](https://www.npmjs.com/package/npm-package-badges)
可替换 npm-package-badges 为任何你所使用的 npm 包名。
高级使用
通过修改 npm-package-badges 的链接，你可以创建任何你想展示的样式。你可以使用徽章样式达到任何你想要的结果，它包括很多内建样式选项。
这里是一些常见样式的代码：
-- -------------------- ---- ------- ------------- ---------------------------------------------------------------------------------------------------------------- ------------- --------------------------------------------------------------------------------------------------------------- ----------------- --------------------------------------------------------------------------------------------------------------- -------------- --------- ------------------------------------------------------------------------------------------------------------------------------------ ------------------ ----------------------------------------------------------------------------
通过这些样式的修改，可以为你的项目添加更多吸引人的元素，获得更多用户的关注。
结论
npm-package-badges 无疑是一个非常有用的工具，可以为我们所在的项目添加更多的信息和亮点，增加项目的吸引力。希望在今后的开发中，大家多加使用这一工具，为我们的项目注入更多活力。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055d3a81e8991b448db007