首页  >  文章  >  web前端  >  JavaScript 中的控制台样式只有几千字节

JavaScript 中的控制台样式只有几千字节

王林
王林原创
2024-07-18 18:34:31769浏览

Console Styling in JavaScript with a few kilobytes

我不了解,但我喜欢让我的 JavaScript 项目中的控制台日志看起来不错。由于并非所有终端都支持表情符号,除了为控制台输出着色之外,我还有什么更好的方法呢?

嗯,您可以通过谷歌搜索您想要的每种控制台样式的 ANSI 转义代码来实现这一点。或者可以从 W3Docs 等页面记住其中的一些内容。但我喜欢让我的日志看起来不错,我绝对不是一个可以记住很多东西的人,而且我喜欢有一种方法在任何地方都有效。

嗯,我通常只在 JS 中使用彩色日志,所以不需要任何地方都能工作的东西。但至少在涉及 JavaScript 的地方都可以工作。

所以我决定编写自己的脚本,以函数的形式包含我可能需要的所有可能的 ANSI 转义码。但后来我意识到在我的所有项目中一遍又一遍地复制相同的脚本会很烦人。因此,作为一个除了 npm i 和 init 之外从未使用过 npm 命令的人,我决定了解更多信息并创建一个私有 NPM 包,我可以将其安装在我的项目中(或者克隆其 GitHub 存储库以用于非 NodeJS 项目)。
我不想每次安装软件包时都处理 NPM 身份验证,所以我只是将其公开。

这就是我们今天要讨论的内容:javascript-console-styling 是我为了简化这个过程而制作的一个包。

确实,以前也制作过和我类似的包(这是我制作后才意识到的事实)。但我注意到我自己的解决方案对我或像我这样的人来说仍然更好:

  • 根据 npm 的数据,我的包只占用了 14KB 的空间。而其他类似的包占用了相同数量的 50 倍(超过 500 KB)。尽管它们都在兆字节以下,但最好使用较小的包,因为您可以轻松管理其所有文件(或者如果您愿意,甚至可以轻松分叉并修改它)

  • 我的包可以嵌套不同的样式和装饰,因为它们是函数...即使您有一个完整的样式字符串,其中包含具有不同样式的子字符串,那么您也可以连接子字符串(包括内部的子字符串)由于每个样式函数都会重置,父字符串将阻止在其之后应用任何样式)

  • 我的包有简单的测试工具,可以显示所有可能的颜色和装饰组合,以便用户可以在终端中验证其输出(测试功能不包含在默认包中,但可以在 NPM 页面和GitHub)

所以总的来说,我更喜欢使用自己的代码。但拥有公共套餐的一部分是确保人们知道它可以如何帮助他们,以便他们可以在需要时自行选择。

我不认为这会是我创建的最后一个 NPM 包,但这是一个让我对整个 NPM 事情充满动力的好方法!

请务必检查包装,祝黑客快乐!

以上是JavaScript 中的控制台样式只有几千字节的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn