在前端开发过程中，我们常常需要使用命令行工具来完成一些操作。而 Hyper 是一个基于 Electron 的终端，它支持插件扩展，可以让我们的终端变得更加好看、高效和易用。本文将介绍如何使用 npm 包 hyper-macos，将原本单调的 Hyper 终端变成一个话题更加突出的终端。
hyper-macos 简介
hyper-macos 是 Hyper 的一个主题插件，它可以将 Hyper 终端中的左右两侧分别添加上 macOS 风格的工具栏，让我们在终端中完成更多的操作。hyper-macos 包含两个工具栏，左侧工具栏为常见的命令快捷方式和一些特殊图标，右侧工具栏包括特殊字符和一个帮助菜单。
前置条件
在开始使用 hyper-macos 之前，需要首先安装 Hyper 终端。Hyper 终端可以在官网 https://hyper.is/ 上下载。
安装 hyper-macos
在 Hyper 终端中，使用以下命令安装 hyper-macos：
npm i hyper-macos
或者通过编辑 ~/.hyper.js 文件，在 plugins 数组中加入 hyper-macos。以下是 ~/.hyper.js 中的配置：
module.exports = {
config: {
// ...
},
plugins: [
'hyper-macos'
]
}使用 hyper-macos
安装完成后，在 Hyper 终端中重新加载该插件。此时，我们可以看到左右两侧分别有了一个工具栏，在左侧工具栏上，我们可以找到一些常用的快捷方式和特殊图标，例如：
- 📂：打开当前目录所在位置
- 🔍：搜索命令历史记录
- ⚙️：打开 Hyper 配置文件
- 💻：打开 macOS 终端应用程序
- 🎨：打开 Hyper 主题配置
右侧工具栏上包含特殊字符和一个帮助菜单。在右侧工具栏上，我们可以找到一些特殊字符，例如：
- ❯：表示当前命令的最后一个字符
- ⌘：表示 Command 键
- ⌥：表示 Option 键
- ⇧：表示 Shift 键
- ⏎：表示回车键
当我们需要查看特殊字符的名称时，可以在右侧工具栏上点击帮助菜单。
示例代码
以下是一个使用 hyper-macos 的示例代码：
-- -------------------- ---- -------
----- --- - --------------------
----- ------ - ---------------------------------
----- -- - ----------------------------
------------------- -------- -------- -
-------------- ---- -----------
----------------------- -------- -- -
----------------- --------------
--
--------------- --------- -------- ----- -
--------------------- - - ----
------------- --------- ----
--
--
------------------- -------- -- -
---------------------- -- --------
--在使用该代码时，我们可以使用左侧工具栏上的图标进行文件的查看，使用右侧工具栏上的特殊字符进行文本编辑等操作。
总结
通过使用 hyper-macos，我们可以将原本单调的 Hyper 终端变成一个话题更加突出的终端，帮助我们更高效地完成工作。在使用过程中，我们需要注意 Hyper 终端的配置，以及 hyper-macos 插件的使用方法。希望本文对你有所帮助！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005596081e8991b448d6cdf