使用 terminalizer 创建命令行动画

最新推荐文章于 2024-06-12 09:41:31 发布

种花途。

最新推荐文章于 2024-06-12 09:41:31 发布

阅读量134

点赞数

分类专栏：工具 npm 文章标签： terminalizer 命令行动画

本文链接：https://blog.csdn.net/array_dear/article/details/129915761

版权

工具同时被 2 个专栏收录

2 篇文章 0 订阅

订阅专栏

npm

2 篇文章 0 订阅

订阅专栏

文章介绍了如何利用Terminalizer这个开源工具来制作动态的命令行界面GIF图。用户首先通过npm安装，然后使用record命令记录会话，命名并保存为.yml文件，最后通过render命令生成GIF。此外，还提到如何自定义记录时使用的命令行环境（如从powershell更改为cmd）以及可以调整的样式和主题。

摘要由CSDN通过智能技术生成

问题

我们在看一些文章时经常会看到别人的文章当中有一个动态的命令行图片。比如下面这样的。这都是使用一个叫 terminalizer 开源项目来做的。
terminalizer效果展示

使用

规定：我们先将一个动态命令GIF图称为一个“会话”。

# 安装
npm install -g terminalizer
# 使用: 打开命令行
# 执行下面的命令后，Windows会默认打开 powershell.exe。 这个窗口输入的所有命令都会被记录。
# 其中：gif_name 就是本次会话的名称，可以随意起一个。
terminalizer record <gif_name>

# 需要被记录的命令执行完了之后。就退出 record 模式。在命令行输入 
exit

# 然后在当前目录下会出现一个 <gif_name>.yml ，之后输入：
terminalizer render <gif_name>

# 等待图像生成结束即可

如果不希望使用 record 时打开 powershell，而是打开 cmd。

找到目录：C:\Users\hhyy\AppData\Roaming\npm\node_modules\terminalizer\commands
在 record.js 中，找到 di.utility.changeYAMLValue(config, 'command', 'powershell.exe');
将其中的 powershell 改为 cmd 即可

更多的用法可以参考官方介绍，还可以设置外形的样式，主题等等。