Web前端开发网

web.fly63.com

首页 资源 工具 文章 教程 栏目
  • 在线搜索
  • 文章标签
  • 文章投稿
  • 关于我们
资源分类
AI智能酷站推荐招聘/兼职框架/库模块/管理移动端UI框架Web-UI框架Js插件CSS相关在线工具建站资源 更多
网站收录 / 问题反馈

chalk

分享
复制链接
新浪微博
QQ 好友

扫一扫分享

GitHub:https://github.com/chalk/chalk
描述信息:修改控制台中字符串的样式
GitHub

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

  1. 字体样式(加粗、隐藏等)
  2. 字体颜色
  3. 背景颜色


安装

npm 安装

$ npm install chalk --save-dev

yarn 安装

$ yarn add chalk --dev


使用

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

常规使用

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'));

模板使用

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

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://web.fly63.com/nav/1524

更多»
热门资源
node
一个基于 Chrome V8 引擎的 JavaScript 运行环境
官网
GitHub
Express
基于 Node.js 平台,快速、开放、极简的 web 开发框架
官网
GitHub
pm2
pm2 是一个带有负载均衡功能的Node应用的进程管理器
官网
GitHub
Koa
基于 Node.js 平台的下一代 web 开发框架
官网
GitHub
Egg.js
为企业级框架和应用而生
官网
GitHub
Primus
通用包装器实时框架
点击进入
GitHub
Electrode
一个用于构建通用 React / Node.js 应用程序的平台
点击进入
GitHub
faye-websocket
Node.js 应用程序中命令预先存在的 WebSocket 连接
点击进入
GitHub
vm2
一个Node.js 官方 vm 库的替代品
点击进入
GitHub
node-opencv
node视觉算法库
官网
GitHub
node-xml2js
Json与xml相互转化的工具
点击进入
GitHub
node-red
一套开源可视化界面开发工具
官网
GitHub
类似于chalk的资源
commander.js
一个轻巧的nodejs模块,提供了用户命令行输入和参数解析强大功能
官网
GitHub
x-ray
基于Node.js 的HTML 内容抓取工具
官网
GitHub
Restify.js
一个基于Nodejs的REST应用框架
官网
GitHub
semver
NPM 的 semver 规范相关的工具包,判断版本
点击进入
GitHub
Spine.js
一个构建JavaScript Web应用的轻量级MVC框架
官网
GitHub
Dotenv
从 .env文件 加载用于nodejs项目的环境变量
点击进入
GitHub
Agenda
基于 node 的一个轻量级任务调度类库
官网
GitHub
awesome-nodejs
一个网罗各个工具包的集合
官网
GitHub
目录

手机扫一扫预览

首页 技术导航 在线工具 技术文章 教程资源 前端标签 AI工具集 前端库/框架

Copyright © 2018 Web前端开发网 All Rights Reserved. 分享编程学习资源(教程/框架/库)、在线工具、技术教程、内容以学习参考为主,助您解决各类实际问题,快速提升专业能力。