资讯专栏INFORMATION COLUMN

Node模块--chalk

anyway / 1974人阅读

摘要:常规使用上面代码执行的结果是,加粗,字体颜色是红色,背景颜色是白色。模板使用该模块有一个好的地方,就是支持模板输出,也就是说,不管在字符串中的哪个位置想改变输出的颜色,都是可以的。对该模块的使用,暂时就介绍那么多。

1.包的地址

npm地址:https://www.npmjs.com/package/chalk

github地址:https://github.com/chalk/chalk

下面只是对这个包做一个简单的说明,更多细节还是需要查看源代码,或者查看 github 上的官方文档。

2.作用

chalk 包的作用是修改控制台中字符串的样式,包括:

字体样式(加粗、隐藏等)

字体颜色

背景颜色

3.安装 3-1 npm 安装
$ npm install chalk --save-dev
3-2 yarn 安装
$ yarn add chalk --dev
4.使用

chalk 支持两种方式使用:常规的调用方式和模板中使用的方式。

4-1 常规使用
const chalk = require("chalk");
console.log(chalk.red.bold.bgWhite("Hello World"));

上面代码执行的结果是,Hello World 加粗,字体颜色是红色,背景颜色是白色。

注意:背景颜色要在 bg 后面加上具体的颜色,颜色的第一个字母大写。

在 HTML 中支持 RGB 颜色,在这里同样支持,而且是支持所有 HTML 中支持的颜色,如十六进制颜色。这里仅仅说明十六进制颜色。

下面的代码会和上面的代码实现相同的效果。

const chalk = require("chalk");
console.log(chalk.rgb(255,0,0).bold.bgRgb(255,255,255)("Hello World"));
4-2 模板使用

该模块有一个好的地方,就是支持模板输出,也就是说,不管在字符串中的哪个位置想改变输出的颜色,都是可以的。

const chalk = require("chalk");
console.log(chalk`{red.bold.bgWhite Hello World}`);

当然,也可以使用 RGB 颜色值。

const chalk = require("chalk");
console.log(chalk`{rgb(255,0,0).bold.bgRgb(255,255,255) Hello World}`);

对该模块的使用,暂时就介绍那么多。有时间的话可以研究一下源码。

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/89416.html

相关文章

  • Nodejs开发简单的脚手架工具

    摘要:本文主要是介绍开发一个简单的脚手架,了解开发的基本流程最终通过链接到全局包。完成之后,就可以把脚手架发布到上面,通过进行全局安装,就可以在自己本机上执行来初始化项目,这样便完成了一个简单的脚手架工具了。 脚手架,这个名词对于作为前端的我们来说,也许并不陌生吧,像vue-cli,react-native-cli等,全局安装后,只需要在命令行中敲入一个简单的命令,便可帮我们快速的生成一个初...

    sean 评论0 收藏0
  • Node模块--text-table

    摘要:资源地址地址地址下面的内容只是对这个包做一个简单的了解,如果要详细了解,建议查看官网。包的作用包的作用将终端中的内容以表格的形式输出。需要特别指出的是,在某一列中有一个字符串指定了颜色,那么其他的都要指定颜色,否则,无法实现对齐。 1.资源地址 npm地址:https://www.npmjs.com/package/text-table GitHub地址:https://githu...

    xinhaip 评论0 收藏0
  • 走进Vue-cli源码,自己动手搭建前端脚手架工具

    摘要:前言前段时间看了一些的源码,收获颇深。介绍是一款非常优秀的用于迅速构建基于的应用工具。不影响阅读源码,直接忽略掉。引入的包发送请求的工具。自定义工具用于询问开发者。 前言 前段时间看了一些vue-cli的源码,收获颇深。本想找个时间更新一篇文章,但是最近事情比较多,没有时间去整理这些东西。趁这两天闲了下来,便整理了一下,然后跟大家分享一下。如果小伙伴们读完之后,跟我一样收获很多的话,还...

    Apollo 评论0 收藏0
  • 构建一个用于创建组件库的项目脚手架工具(类 Vue-cli3)

    摘要:比如一个模板用于创建的组件库,一个模板用于创建的组件库,还有一个模板用于创建的工具函数类库。 缘起 最近公司内部想搭建一个私有的 npm 仓库,用于将平时用到次数相当频繁的工具或者组件独立出来,方便单独管理,随着项目的规模变大,数量变多,单纯的复制粘粘无疑在优雅以及实用性上都无法满足我们的需求,所以进一步模块化是必然的。 但是一个组件库的建立其实是一个非常麻烦的过程,基础 webpac...

    CompileYouth 评论0 收藏0

发表评论

0条评论

anyway

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<