前言
在前端开发过程中，我们经常会使用各种工具和库来协助我们完成开发任务，其中 npm 是我们最为熟悉的包管理工具之一。在 npm 上，有大量的开源包可供我们使用，而其中不少包的名称却比较晦涩难懂，对我们阅读代码、理解功能产生了不小的困扰。因此，在本文中，我们将为大家介绍一款名为 readable-name 的 npm 包，它可以将常见的包名解释成易懂的中文名词，便于我们理解和使用。
安装
首先，我们需要先安装 readable-name 包。在命令行窗口执行以下命令：
npm install readable-name
使用方法
readable-name 提供了两个主要的方法：
getReadableName
getReadableName 方法可以将包名转换成易懂的中文名称。使用方式如下：
const readableName = require('readable-name')
console.log(readableName.getReadableName('axios'))
// 会输出： 发起 XMLHttpRequest 请求的 Promise based HTTP 客户端getName
getName 方法则是将易懂的中文名称转回原始包名。这一功能在中文仓库网站解释包名时很有用。使用方式如下：
const readableName = require('readable-name')
console.log(readableName.getName('处个 css 的自适应方案哦'))
// 会输出: postcss-adaptive示例
接下来，为了让大家更好地理解 readable-name 的用法和意义，我们将展示一些具体的示例。
示例 1
假设我们在开发过程中需要使用一个名为 vue-router 的包。按照惯例，我们可以在命令行窗口运行以下命令安装它：
npm install vue-router
但是，对于还不熟悉 vue-router 的初学者来说，这个包名可能会引起一些疑问，比如它到底是做什么的？如果我们想要查看文档或者搜索相关信息，应该搜索哪些关键字？这些问题可能会耗费我们相当长的时间。但是，如果我们使用 readable-name，那么问题就迎刃而解了：
const readableName = require('readable-name')
console.log(readableName.getReadableName('vue-router'))
// 会输出： Vue.js 应用程序的路由管理器有了这个中文名词，我们就可以很轻松地理解 vue-router 的作用，不用花费过多的时间。
示例 2
再举一个例子，假设我们需要使用一个 CSS 预处理器，我们可能会想到使用 less 或 sass。不过，如果我们初次看到这两个包名，也可能会感到有点茫然。在这种情况下，我们可以使用 readable-name 来获取这些包不同的特征和作用：
const readableName = require('readable-name')
console.log(readableName.getReadableName('less'))
// 会输出： 动态样式语言
console.log(readableName.getReadableName('sass'))
// 会输出： Syntactically Awesome Style Sheets经过这样的解释，我们能很清晰地看到这些包的作用了。
总结
通过这篇教程，我们学习了 readable-name 的使用方法，并通过实际示例感受了这个包的实用性。当我们遇到陌生的包名时，可以考虑使用它来获得更好的理解。通过了解 readable-name，我们可以更好地理解现有的代码，并轻松阅读和使用我们所需的库和工具。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005546e81e8991b448d1b66