介绍
在前端开发中，一个好的代码编辑器可以提高开发效率和代码质量，而 Hyper 是一个基于 Web 技术（Electron + React）的跨平台终端模拟器，同时也是一个可定制化的终端，让终端使用变得更加美观和高效。之前我们写过一篇 Hyper 主题插件开发教程 让你可以自己开发主题插件，那么今天我们介绍一个已经制作好的 npm 包——hyper-night 插件，为 Hyper 终端添加黑色夜间模式。
安装
在使用 hyper-night 插件之前，我们需要先安装 Hyper 终端，可以到官网上下载对应系统的安装包。安装完成后，我们可以使用 npm 包管理器来安装 hyper-night 插件，执行以下命令：
--- ------- -----------
配置
安装完插件后，我们需要在 Hyper 的配置文件中启用该插件。进入 ~/.hyper.js 配置文件，找到 plugins 配置项，将 hyper-night 添加到其中：
-------- - ------------- -
为了更加方便使用，我们还可以在 ~/.hyper.js 配置文件的 config 配置项中添加一些自定义配置。
主题
hyper-night 插件提供了四种黑色夜间主题，我们可以通过设置 nightTheme 来选择使用哪一款主题。假设我们要使用第一款主题：
----------- -----
可选的值为 'one', 'two', 'three' 和 'four'。
提示符
默认情况下，Hyper 终端中的提示符为 $。我们可以使用 nightPrompt 选项来更改提示符：
------------ -- -
透明度
我们还可以通过设置 opacity 来调整终端背景色的透明度，值为 0 到 1 的浮点数：
-------- ---
字体大小
最后，我们可以使用 fontSize 选项来更改终端字体大小：
--------- --
效果展示
下面是使用 hyper-night 插件后的 Hyper 终端效果展示：
可见，终端背景为黑色，字体为白色，而且显示的效果非常的炫酷。
总结
本篇文章我们介绍了使用 npm 包 hyper-night 插件来开启 Hyper 终端黑色夜间模式的方法，同时我们还详细讲解了如何配置该插件，为你更好的个性化定制提供了参考。希望通过本篇文章的学习，你对 hyper-night 插件的使用有了深入的了解，同时对你的前端学习和工作有一定指导意义。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/60056cbe81e8991b448e633a