JavaScript控制台中的颜色
Chrome的内置JavaScript控制台可以显示颜色吗？
错误用红色，警告用橙色，0号用绿色，可以吗？
最佳答案
如果您想为终端控制台着色，那么您可以使用npm包chalk
npm i chalk
如果你想变得现代，你也可以使用模板文字，这里有一个简单和复杂的例子；模板文字可以让你使用表情符号，vars和更酷的东西😎
简单
复杂
代码
/** Simple example*/
console.log(`%c[line 42] | fooBar.js myFunc() -> YOU DEBUG MESSAGE HERE `,` color:white; background-color:black; border-left: 1px solid yellow; padding: 4px;`);
/** Complex example*/
const path = `../this/goes/to/my/dir`;
const line = 42;
const ref = `myFunc()`;
const message = `A FANCY DEBUG MESSAGE 💎💎💎 `;
const styling = `color:white;background-color:black;border-left: 1px solid yellow;padding: 8px;font-weight: 600;font-family: Courier;`;
console.log(`%c ✨ F A N C Y - L O G G E R ✨`,`${styling} font-size: 16px; border-top: 1px solid yellow;`);
console.log(`%c Path: ${path} `,`${styling} font-size: 10px; font-weight: 100;`);
console.log(`%c Line: ${line}`,`${styling} font-size: 10px; font-weight: 100;`);
console.log(`%c Ref: ${ref} `,`${styling} font-size: 10px; font-weight: 100;`);
console.log(`%c Message: ${message} `,`${styling} font-size: 12px; border-bottom: 1px solid yellow;`);这是另一种方法（在TypeScript中），它覆盖console.log函数并检查传递的消息，以便根据消息中的开始标记应用CSS格式。这种方法的一个好处是被调用者不需要使用一些包装器console.log函数，他们可以坚持使用vanillaconsole.log（），因此如果这种覆盖消失，功能将恢复为默认console.log：
// An example of disabling logging depending on environment:const isLoggingEnabled = process.env.NODE_ENV !== 'production';
// Store the original logging function so we can trigger it laterconst originalConsoleLog = console.log;
// Override logging to perform our own logicconsole.log = (args: any) => {if (!isLoggingEnabled) {return;}
// Define some tokens and their corresponding CSSconst parsing = [{token: '[SUCCESS]',css: 'color: green; font-weight: bold;',},{token: '[ERROR]',css: 'color: red; font-weight: bold;',},{token: '[WARN]',css: 'color: orange; font-weight: bold;',},{token: '[DEBUG]',css: 'color: blue;',},];
// Currently only supports console.log(...) with a single string argument.if (typeof args === 'string') {const message: string = args;let formattedArgs: string[] = [];for (let i = 0; i < parsing.length; i += 1) {const parser = parsing[i];if (args.startsWith(parser.token)) {formattedArgs = [`%c${message.substring(parser.token.length + 1, message.length)}`, parser.css];break;}}originalConsoleLog.apply(console, formattedArgs);} else {originalConsoleLog.apply(console, args);}};示例用法：
console.log('[ERROR] Something went wrong!');输出：
