JavaScript:使用chalkjs命令改变输出样式的教程

739 阅读2分钟

chalkjs是一个JavaScript库,用于设计终端中的控制台输出字符串的样式。我们可以使用前景和背景颜色、下划线、粗体和Rgb颜色进行样式设计。

这是一个流行的库,在Nodejs中用于将语法颜色应用于

特点

  • 开放源代码
  • 提供了npm库
  • 支持所有颜色
  • 支持服务器端,不是基于浏览器的库

安装npm库

让我们首先创建一个名为chalkjsdemo的节点应用程序

首先创建一个chalkjsdemo目录

mkdir chalkjsdemo
cd chalkjsdemo

接下来运行npm init -y命令,在这个文件夹中初始化node应用程序。

npm init -y

这将在应用程序根目录下创建一个package.json文件

接下来使用npm install命令安装chalkjs库

npm I chalk

这将在package.json中添加一个条目,并将依赖关系安装到你的应用程序的node_modules。

创建一个main.js文件,添加以下几行chalkjs代码

main.js

const chalk = require('chalk');

console.log(chalk.red('Hello World'));
console.log(chalk.green('Welcome to ') + ' chalkjs' + chalk.yellow(' Application'));

终端中的控制台输出为

chalk example in nodejs

请看控制台字符串是如何着色的,它看起来就像visual studio代码的语法。

这样,我们就可以在Angular、react和vuejs等nodejs应用程序中为控制台输出字符串添加语法颜色。

在这个例子中,我们为字符串添加了字体颜色和背景颜色样式。

它支持完整的调色板颜色,如下图所示

以下是支持的颜色

前景色背景色
红色bgRed
绿色bgGreen

在终端控制台字符串中添加加粗、下划线和斜体样式

在控制台字符串中添加粗体是非常容易的。

同样,我们也可以在控制台字符串中添加下划线、斜体。

console.log(
    chalk.underline.bold('Chalkjs terminal example styles')
);
console.log(
    chalk.green.underline.bold('Chalkjs terminal example styles')
);

console.log(
    chalk.green.bgRed.underline.bold('Chalkjs terminal styles')
);