如何将 CSS 自动应用于 console.log 着色[重复]

Posted 2023-02-23

【中文标题】如何将 CSS 自动应用于 console.log 着色[重复]

【英文标题】：How to apply CSS to console.log coloring automatically [duplicate]

【发布时间】：2016-08-18 00:43:26

【问题描述】：

我们可以在浏览器中对控制台日志输出进行样式化。但是，如何在命令行中使用相同的 console.log 调用来风格化？

我知道如何为控制台输出着色。我想要的是：只需调用下面的代码，它就会在 CLI 中自动着色；一种工具或方法。

自动将 CSS 转换为命令行

console.log('%c COLORFUL', 'background: orange; color: white;');

@Oleg @Bergi 这个问题不是重复的。请在评分前仔细阅读问题。此问题已被错误地标记为重复。

【问题讨论】：

你的意思是在node.js中使用例如？

@tobspr 是的。我通过 CLI 在 phantom js 中从我的应用程序中获取控制台消息。但是，由于 CSS，它们没有格式化。

@Oleg 不，不是。我不是指 CLI 着色。我指的是 CSS 到 CLI 着色。

据我所知，没有使用 CSS 样式为 CLI 输出着色的工具。

我也找不到...

【参考方案1】：

看看color.js。它提供了样式化控制台输出的功能。 用法很简单：

console.log("Yellow text".yellow);

【讨论】：

你应该澄清你的问题，因为现在这并不明显

这并不能回答问题，因为 OP 想要一种将 css console.log 样式转换为 node.js 的方法，就像你对 color.js 所做的那样。

【参考方案2】：

您可以使用库，例如​​chalk。

const chalk = require('chalk');

// combine styled and normal strings
console.log(chalk.blue('Hello') + 'World' + chalk.red('!'));

【讨论】：

@InancGumus 你可以用一个同时调用你的函数替换console.log：const log = text => console.log(chalk.blue(text));

这不能回答问题。该问题询问如何将 %c 转换为 node.js 样式，例如这里的粉笔。