摘要:常规使用上面代码执行的结果是,加粗,字体颜色是红色,背景颜色是白色。模板使用该模块有一个好的地方,就是支持模板输出,也就是说,不管在字符串中的哪个位置想改变输出的颜色,都是可以的。对该模块的使用,暂时就介绍那么多。
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-dev3-2 yarn 安装
$ yarn add chalk --dev4.使用
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
摘要:本文主要是介绍开发一个简单的脚手架,了解开发的基本流程最终通过链接到全局包。完成之后,就可以把脚手架发布到上面,通过进行全局安装,就可以在自己本机上执行来初始化项目,这样便完成了一个简单的脚手架工具了。 脚手架,这个名词对于作为前端的我们来说,也许并不陌生吧,像vue-cli,react-native-cli等,全局安装后,只需要在命令行中敲入一个简单的命令,便可帮我们快速的生成一个初...
摘要:资源地址地址地址下面的内容只是对这个包做一个简单的了解,如果要详细了解,建议查看官网。包的作用包的作用将终端中的内容以表格的形式输出。需要特别指出的是,在某一列中有一个字符串指定了颜色,那么其他的都要指定颜色,否则,无法实现对齐。 1.资源地址 npm地址:https://www.npmjs.com/package/text-table GitHub地址:https://githu...
摘要:前言前段时间看了一些的源码,收获颇深。介绍是一款非常优秀的用于迅速构建基于的应用工具。不影响阅读源码,直接忽略掉。引入的包发送请求的工具。自定义工具用于询问开发者。 前言 前段时间看了一些vue-cli的源码,收获颇深。本想找个时间更新一篇文章,但是最近事情比较多,没有时间去整理这些东西。趁这两天闲了下来,便整理了一下,然后跟大家分享一下。如果小伙伴们读完之后,跟我一样收获很多的话,还...
摘要:比如一个模板用于创建的组件库,一个模板用于创建的组件库,还有一个模板用于创建的工具函数类库。 缘起 最近公司内部想搭建一个私有的 npm 仓库,用于将平时用到次数相当频繁的工具或者组件独立出来,方便单独管理,随着项目的规模变大,数量变多,单纯的复制粘粘无疑在优雅以及实用性上都无法满足我们的需求,所以进一步模块化是必然的。 但是一个组件库的建立其实是一个非常麻烦的过程,基础 webpac...
阅读 3695·2021-11-24 10:23
阅读 2736·2021-09-06 15:02
阅读 1252·2021-08-23 09:43
阅读 2338·2019-08-30 15:44
阅读 3025·2019-08-30 13:18
阅读 760·2019-08-23 16:56
阅读 1728·2019-08-23 16:10
阅读 513·2019-08-23 15:08