在开发前端应用时，输出控制台信息是一个重要的调试手段。而有时候我们需要在控制台中输出一些链接以便用户快速访问相关文档或页面。但是在某些终端下，这些链接可能无法正常显示或者被截断。为了解决这个问题，可以使用 npm 包 supports-hyperlinks。
安装
使用 npm 安装：
npm install supports-hyperlinks
使用方法
使用 supports-hyperlinks 可以很方便地在控制台输出带超链接的文本，而且它会自动判断当前终端是否支持超链接。使用方法如下：
-- -------------------- ---- ------- ----- ------------------ - ------------------------------- -- --------------------------- - -- -------------- ------ ---------------------------------------------------------- ------------ - ---- - -- ----------------- -------------------------------- ------------ -
上述代码中，supportsHyperlinks.link(url, text) 方法用于生成带超链接的文本。其中，url 表示链接地址，text 表示链接文本。如果当前终端不支持超链接，则直接输出文本内容。
除了 link() 方法外，supports-hyperlinks 还提供了其他一些方法，如下：
supportsHyperlinks.stdout: 当前终端的标准输出是否支持超链接。supportsHyperlinks.stderr: 当前终端的标准错误输出是否支持超链接。supportsHyperlinks.hasColors: 当前终端是否支持 ANSI 颜色。
示例
以下示例演示了如何使用 supports-hyperlinks 输出带超链接的文本：
const supportsHyperlinks = require('supports-hyperlinks');
console.log(supportsHyperlinks.link('https://www.baidu.com', '百度'));
console.log(supportsHyperlinks.link('https://www.google.com', '谷歌'));在支持超链接的终端下，输出结果如下：
[38;5;33m[4m百度[24m[39m[39m [38;5;33m[4m谷歌[24m[39m[39m
可以看到，输出的文本中包含了两个超链接。
而在不支持超链接的终端下，输出结果如下：
https://www.baidu.com (百度) https://www.google.com (谷歌)
可以看到，在这种情况下，只输出了文本内容。
总结
supports-hyperlinks 可以方便地解决在控制台输出带超链接文本的问题。它能够自动判断当前终端是否支持超链接，并提供了多种方法来生成带超链接的文本。在实际开发中，可以根据需要选择适合的方法来输出文本内容，提高开发效率和用户体验。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/48850