描述

• 格式化 console

方法

log

• 单行指定

• description : 设置console的字体颜色和背景颜色

• param ...keys Styles[] 样式

• returns : function(...args) { ...args: 要打印的内容 }

color

• 当行多次指定

• description 指定字段颜色打印

• param source 待打印信息[多个color结合使用时候, 不要使用呢, 隔开的写法]

• param ...keys Styles[]

• returns

eg:console.log(color('Reverse', 'Reverse', 'Black', 'RedBG'))

• 若要去除每个color(...)之间的空格
• 可用: log(color(...), color(...), ...)

使用

npm install rh-color

import { color, log } from "rh-color";

log('Grey')('Grey')
log('Black')('Black')
log('Red')('Red')
log('Green')('Green')
log('Yellow')('Yellow')
log('Blue')('Blue')
log('Magenta')('Magenta')
log('Cyan')('Cyan')
log('White')('White')
log('BlackBG')('BlackBG')
log('RedBG')('RedBG')
log('GreenBG')('GreenBG')
log('YellowBG')('YellowBG')
log('BlueBG')('BlueBG')
log('MagentaBG')('MagentaBG')
log('CyanBG')('CyanBG')
log('WhiteBG')('WhiteBG')
log('Bright')('Bright')
log('Italic')('Italic')
log('Underline')('Underline')
log('Reverse')('Reverse')
log('Hidden')('Hidden')

// 等同于

console.log(color('Grey', 'Grey'))
console.log(color('Black', 'Black'))
console.log(color('Red', 'Red'))
console.log(color('Green', 'Green'))
console.log(color('Yellow', 'Yellow'))
console.log(color('Blue', 'Blue'))
console.log(color('Magenta', 'Magenta'))
console.log(color('Cyan', 'Cyan'))
console.log(color('White', 'White'))
console.log(color('BlackBG', 'BlackBG'))
console.log(color('RedBG', 'RedBG'))
console.log(color('GreenBG', 'GreenBG'))
console.log(color('YellowBG', 'YellowBG'))
console.log(color('BlueBG', 'BlueBG'))
console.log(color('MagentaBG', 'MagentaBG'))
console.log(color('CyanBG', 'CyanBG'))
console.log(color('WhiteBG', 'WhiteBG'))
console.log(color('Bright', 'Bright'))
console.log(color('Italic', 'Italic'))
console.log(color('Underline', 'Underline'))
console.log(color('Reverse', 'Reverse'))
console.log(color('Hidden', 'Hidden'))

打印结果

浏览器使用

 <script type="module">
 //  这里next 要指定npm包的版本
  import { color, log } from 'https://cdn.jsdelivr.net/npm/rh-color@next/lib/index.esm.js'
 </script>

支持样式

• 样式之间的冲突需要注意

| 颜色 | 代码 | 补充 | | :------- | :---------- | :----------------- | | 灰色 | Grey | | 黑色 | Black | | 红色 | Red | | 绿色 | Green | | 黄色 | Yellow | | 蓝色 | Blue | | 品红 | Magenta | | 青色 | Cyan | | 白色 | White | | 黑色背景 | BlackBG | | 红色背景 | RedBG | | 绿色背景 | GreenBG | | 换色背景 | YellowBG | | 蓝色背景 | BlueBG | | 品红背景 | MagentaBG | | 青色背景 | CyanBG | | 白色背景 | WhiteBG | | 样色重置 | Reset | | 明亮 | Bright | | 斜体 | Italic | | 下划线 | Underline | 注意中文的使用 | | 反装 | Reverse | 字体和背景颜色反转 | | 隐藏 | Hidden |