首页 前端知识 我在 NPM 发布了新包: con-colors

我在 NPM 发布了新包: con-colors

2024-06-18 23:06:18 前端知识 前端哥 308 160 我要收藏

链接地址:npmjs.com

con-colors

安装依赖

yarn add con-colors

使用

导入:

import { print } from "con-colors";

使用:

print.succ("成功的消息");
print.err("失败的消息")

例子:

import { print } from "con-colors";

for (let i = 0; i < 10; i++) {
    if (i === 6) {
        print.err(`Failure: ${i}. An error has occurred!`)
    }
    print.succ(`Test: ${i}`);
}

pPXzoEn.png

其他情况(自定义)

自定义其他颜色,导入颜色函数(colors)

import { colors, CONSTANT_COLORS } from "con-colors";

使用:

console.log(colors());

例子:

import { colors, CONSTANT_COLORS } from "con-colors";

for (let i = 0; i < 10; i++) {
    if (i % 2 === 0) {
        console.log(colors('yellow', `index: ${i}`));
    } else {
        console.log(colors(['cyanBg', CONSTANT_COLORS.red], `index: ${i}`));
    }
}

pPXz5Hs.png

颜色说明

参数颜色
‘bright’亮色
‘grey’灰色
‘italic’斜体
‘underline’下划线
‘reverse’反向
‘hidden’隐藏
‘black’黑色
‘red’红色
‘green’绿色
‘yellow’黄色
‘blue’蓝色
‘magenta’品红
‘cyan’青色
‘white’白色
‘blackBg’背景色为黑色
‘redBg’背景色为红色
‘greenBg’背景色为绿色
‘yellowBg’背景色为黄色
‘blueBg’背景色为蓝色
‘magentaBg’背景色为品红
‘cyanBg’背景色为青色
‘whiteBg’背景色为白色
转载请注明出处或者链接地址:https://www.qianduange.cn//article/12713.html
标签
评论
发布的文章

JQuery中的load()、$

2024-05-10 08:05:15

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!