作为前端工程师,经常需要展示数据。而表格是展示数据的最常用方式之一。表格不仅能展示简单的数据,还能给使用者提供一些交互操作。但是手动写表格代码很麻烦,重复工作多且易出错。这个时候,table-cli 就能为我们提供帮助。本文将详细介绍如何使用 npm 包 table-cli。
什么是 table-cli?
table-cli 是一个用 Node.js 编写的命令行工具,可以根据输入的数据生成漂亮的表格。它不仅能为你的工作带来效率提升,还能确保表格数据的正确性。
如何安装 table-cli?
通过 npm 安装 table-cli 很简单,只需要在终端中输入以下命令:
npm install -g table-cli
如何使用 table-cli?
基本用法
table-cli 的基本用法非常简单,只需要在终端中直接运行 table-cli
命令,然后输入数据即可。比如,我们要生成一个包含三行四列数据的表格,可以这样输入:
$ table-cli a b c d 1 2 3 4 5 6 7 8
运行后,我们会看到这样一个漂亮的表格:
┌───┬───┬───┬───┐ │ a │ b │ c │ d │ ├───┼───┼───┼───┤ │ 1 │ 2 │ 3 │ 4 │ ├───┼───┼───┼───┤ │ 5 │ 6 │ 7 │ 8 │ └───┴───┴───┴───┘
格式化选项
除了默认的表格格式之外,table-cli 还提供了一些格式化选项,可以满足不同风格的需求。
借助选项调整表格格式
通过选项 -s
或 --separator
可以指定列分隔符。默认分隔符是空格,可以设置成其他符号。
例如,我们想用 |
作为列分隔符:
table-cli -s '|' input.txt
指定列分隔符之后,表格格式就会改变:
+---+---+---+---+ | a | b | c | d | +---+---+---+---+ | 1 | 2 | 3 | 4 | +---+---+---+---+ | 5 | 6 | 7 | 8 | +---+---+---+---+
自定义表头
通过选项 -H
或 --header
可以自定义表头。
例如,我们想用 |
作为列分隔符,把表头改成 姓名|性别|年龄
:
table-cli -s '|' -H '姓名|性别|年龄' input.txt
表格格式如下:
+------+------+------+ | 姓名 | 性别 | 年龄 | +------+------+------+ | 张三 | 男 | 18 | +------+------+------+ | 李四 | 女 | 20 | +------+------+------+
调整列宽
通过选项 -w
或 --column-widths
可以指定列宽。列宽可以是固定值,也可以是百分比。
例如,我们想让第一列的宽度是 10 个字符,第二列和第三列的宽度各占总宽度的 45%:
table-cli input.txt -w '10,45%,45%'
表格格式如下:
+------------+-----------------------+-----------------------+ | 姓名 | 性别 | 年龄 | +------------+-----------------------+-----------------------+ | 张三 | 男 | 18 | +------------+-----------------------+-----------------------+ | 李四 | 女 | 20 | +------------+-----------------------+-----------------------+
高亮显示单元格
table-cli 支持高亮显示具体单元格。通过选项 -h
或 --highlight
可以高亮指定的单元格。
例如,我们想高亮第一行第一列的单元格:
table-cli input.txt -h 1,1
表格格式如下:
┌──────────┬───────┬───────┐ │ \x1b[31m姓名 \x1b[39m│ 性别 │ 年龄 │ ├──────────┼───────┼───────┤ │ 张三 │ 男 │ 18 │ ├──────────┼───────┼───────┤ │ 李四 │ 女 │ 20 │ └──────────┴───────┴───────┘
可以看到,第一行第一列的单元格被标了红色高亮。
命令行选项
table-cli 支持的命令行选项如下:
-s
或--separator
:指定列分隔符,可以是任意符号,默认为空格。-H
或--header
:指定表头。-w
或--column-widths
:指定列宽。-h
或--highlight
:高亮显示指定的单元格。
结语
本文介绍了 npm 包 table-cli 的用法,包括安装、运行和常用选项。table-cli 能为前端工程师提供快捷的表格生成方式,大大提高了工作效率。读者在使用 table-cli 时要注意数据格式的正确性和命令选项的正确使用,才能发挥 table-cli 的最大优势。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/600554fa81e8991b448d231f