模板文字中的 Console.log CSS 样式答案

【问题标题】：Console.log CSS style in template literals模板文字中的 Console.log CSS 样式
【发布时间】：2020-08-06 19:30:20
【问题描述】：

我正在创建一个在控制台中玩的游戏，我想装饰我的 console.log 消息，让它们更加耀眼。

由于我是编码新手，我正在努力学习在任何时候使用模板文字 console.log 一条消息。

如果我恢复到引号和串联，我可以像这样设置我的 console.log 消息的样式：console.log('%c some message' + someVar, 'color: red')

如何使用模板文字设置 console.log 消息的样式？

【问题讨论】：

【解决方案1】：

您可以使用这种格式。

console.log(`%c ${message} ${someVar}`, `color:${color}`)

像魅力一样工作。

【讨论】：

【解决方案2】：

您可以将模板文字用于console.log 的第一个参数，而不是串联。

console.log(`%c some message ${someVar}`, 'color: red')

您也可以通过对第二个参数使用模板文字来使用动态样式。

【讨论】：