前言
对于前端开发者来说，Mozilla Developer Network(MDN) 无疑是一个在线技术文档库的绝佳选择。MDN在线文档库包含了Web开发的所有方面，不仅详尽全面而且时时更新，而且简单易懂，即使初学者也能轻松找到想要的信息。但是，在经常使用MDN的时候，很多开发者都需要打开浏览器，搜索MDN页面。而cerebro-mdn就是一个npm 包，可以提供一个更加智能快捷的方式查阅MDN文档的方法。
cerebro-mdn 是什么？
cerebro-mdn 是一款npm 包，可以帮助开发者在简单的cerebro UI 中查找 MDN 文档。它可以帮助你快速查找和阅读 MDN 文档，使您的工作更加高效。 cebro-mdn 也可以搜索CSS 属性和HTML标签等常见开发文档，帮助前端开发者更好的理解和掌握Web 开发。
cerebro-mdn 的安装
cerebro-mdn 是一款在npm上公开的npm包，您可以使用以下命令安装cerebro-mdn：
npm install --global cerebro-mdn
如何使用 cerebro-mdn？
使用cerebro-mdn非常容易简单，只需要在您的控制台中输入“mdn”之后输入相关关键字，例如：
mdn Array.map
下面是该命令在Cerebro 中的实际效果截图：
使用cerebro-mdn不仅可以搜索JS内置函数API和HTML / CSS标记和属性，还可以搜索WebAPI和Node.jsAPI和其他一些重要技术。
上手实例
下面我们来一起体验一下 cerebro-mdn 的使用场景。
比如，我们需要查找 HTML5 页面上的页面可见性状态发生更改时的相关事件。这时，我们可以使用 cerebro-mdn 的如下命令来完成搜索。
mdn visibilitychange
截图如下：
结果页面上的第一个搜索结果就是我们需要的：Document: visibilitychange event
另外，在许多时候，我们需要查找某个 CSS 属性的文档。比如，我们想获取 "display" 的解释和用法。这时，我们可以使用 cerebro-mdn 的如下命令来完成搜索。
mdn display
截图如下：
如图，只需输入该命令，就可以在搜索结果页面上找到“CSS property: display”的解释，以及该属性的历史版本和浏览器兼容性。
总结
cerebro-mdn 可以帮助开发者在终端内快速访问 Mozilla Developer Network(MDN)文档库，并提供了方便快捷的方式搜索和阅读MDN文档，更加全面和高效地学习和掌握Web开发技术。使用cerebro-mdn不仅可以帮助开发者快速获得MDN文档，还可以以最便捷的方式帮助开发者理解CSS属性或HTML标签的用法等重要技术知识，操作起来也是非常简单的。希望大家学到了有用的知识，同时也对cerebro-mdn这个npm包有了更加深入的认识。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005554b81e8991b448d27fa