卓越飞翔博客卓越飞翔博客

卓越飞翔 - 您值得收藏的技术分享站
技术文章67165本站已运行428

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

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

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

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

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

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

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

立即学习“Java免费学习笔记(深入)”;

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

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

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

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

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

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

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

卓越飞翔博客
上一篇: Web 开发中的垫片
下一篇: 返回列表
留言与评论(共有 0 条评论)
   
验证码:
隐藏边栏