前言
在开发前端项目时，我们经常需要在命令行下进行调试和查看一些图片资源。然而，命令行的能力很有限，通常只能显示文本。如果想要在终端中查看图片，最直接的方式就是使用 terminal-image-viewer 这个 npm 包，它可以在终端中以图形的形式展示图片。
本文将针对新手介绍 npm 包 terminal-image-viewer 如何使用。
安装
先安装 Node.js 和 npm，在终端下执行以下代码安装:
npm install -g terminal-image-viewer
使用方法
使用 terminal-image-viewer 实现查看图片的命令行操作很简单。首先在命令行中输入下面的命令，显示两种命令格式：
tiv --help
或者：
tiv -h
显示如下帮助信息：
Usage: tiv [options] [file ...] Options: -V, --version output the version number -h, --help output usage information -w, --width <n> terminal width, use 0 for current width (default: 80) -H, --height <n> terminal height, use 0 for current height (default: 24) -c, --border-char <c> border character (default: ║)
可以看到，tiv 支持三种基本的参数:
-w, --width：图片的展示宽度，可以指定具体的像素值，默认为 80 像素-H, --height：图片的展示高度，可以指定具体的像素值，默认为 24 像素-c, --border-char：选择图片的边框符号，默认使用║符号
基本用法
使用 tiv 命令将图片展示在命令行中只需要指定图片路径即可。例如，要在命令行中查看当前目录下的一张名为 example.png 的图片，可以执行以下命令：
tiv example.png
执行这个命令后，即可在命令行中看到一张展示尺寸为 80x24 像素的图片，图片会自适应命令行的宽度和高度。
要退出查看图片，可以按下 q 键。
另外，tiv 支持直接在网络中查看图片，只需要在使用时将网络地址输入即可，例如：
tiv https://www.example.com/example.png
高级用法
除了基本用法，tiv 还有一些高级的用法，可以让你更好地掌握这个小工具。
对图片进行缩放
如果你发现你的终端不支持自适应尺寸，或者想要查看更多细节，可以使用 -s 选项来缩放图片。例如，使用以下命令可以将图片放大到两倍大小：
tiv -s 2 example.png
将图片嵌入到命令行输出中
有时候，我们希望将展示的图片嵌入到命令行输出中。可以通过添加 -f 选项来实现这个效果，例如：
echo "Welcome to my website! $(tiv -f example.png)" > greeting.txt
在这个例子中，tiv 命令将 example.png 展示在命令行中，并返回 ASCII 码，最后的 echo 命令将这个 ASCII 码写入到 greeting.txt 文件中。
批量查看
如果你有很多图片需要查看，可以使用 Linux 的 find 命令将它们全部找出来，并使用 xargs 命令执行 tiv 命令。例如：
find . -type f -name "*.png" | xargs tiv
这个命令会将当前文件夹及其子文件夹中所有名为 *.png 的文件都通过 tiv 命令展示出来。
结论
在命令行中查看图片是一件很有用的事情，而 tiv 这个 npm 包是一个非常有用的工具。在本文中，我们讲解了 tiv 的基本用法和高级用法，希望能够帮助你更好地使用这个工具，从而提高你的开发效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60065f70238a385564ab66aa