Hyper – 使用 HTML、CSS 和 JavaScript 构建的漂亮终端

[ad_1]

是一个漂亮、现代且可扩展的终端应用程序,它基于 HTML、CSS 和 JavaScript 等 Web 技术构建。 它是高度可定制和可配置的终端,因此您可以轻松更改具有不同主题的终端外观,并通过插件扩展其功能。 超级终端是一个开源的、跨平台的基于电子的应用程序。 它适用于 Linux、Mac OS 和 Windows 操作系统。

内容

  1. 在 Linux 中安装超级终端
    1. 超级终端使用
      1. 打开新标签/窗口
      2. 分体式终端
      3. 配置超级终端
      4. 为超级终端安装插件和主题
      5. 使用 Hyper 插件管理器管理主题和插件
      6. 帮助我们帮助您:

在 Linux 中安装超级终端

超级终端可作为 .deb 用于基于 Debian 的系统的软件包和 .rpm 用于基于 RHEL 的系统的软件包。 它也可以在 应用图片 格式。 所以你可以在任何 Linux 发行版上安装它。 从以下位置获取适合您的 Linux 发行版的安装文件 发布页面. 在撰写本指南时,最新版本是 3.0.2.

在 Debian、Ubuntu 和其他基于 DEB 的系统上,下载并安装超级终端,如下所示:

$ wget https://github.com/vercel/hyper/releases/download/3.0.2/hyper_3.0.2_amd64.deb
$ sudo apt install gdebi
$ sudo gdebi hyper_3.0.2_amd64.deb

在 RHEL、CentOS 上, Fedora:

$ wget https://github.com/vercel/hyper/releases/download/3.0.2/hyper-3.0.2.x86_64.rpm
$ sudo dnf localinstall hyper-3.0.2.x86_64.rpm

对于 Arch Linux 及其变体,它可以在 金子,所以使用任何 AUR 辅助工具安装它,例如 .

$ yay -S hyper

Hyper 也可作为 Nix 包使用。 您可以使用安装它 Nix 包管理器 像下面这样:

$ nix-env -i hyper

在其他 Linux 发行版上,下载 AppImage 文件:

$ wget https://github.com/vercel/hyper/releases/download/3.0.2/hyper-3.0.2-x86_64.AppImage

转到下载位置并使其可执行:

$ chmod +x hyper-3.0.2-x86_64.AppImage

最后,使用命令启动它:

$ ./hyper-3.0.2-x86_64.AppImage

如果您已使用如上所示的包管理器安装了它,请从 Dash 或 Menu 启动它。

下面是超级终端在我的 Ubuntu 20.04 LTS 桌面中的样子:

如您所见,Hyper 终端的默认外观简单而干净。 好消息是我们可以自定义并将默认外观更改为色彩缤纷且令人赏心悦目的东西!

超级终端使用

Hyper 终端的左上角有一个汉堡包菜单(三个横条)。 单击此按钮后,您将看到一些菜单项,例如文件、编辑、查看、插件、窗口、帮助。 每个菜单包含一个或多个子菜单,允许您通过单击鼠标执行不同的操作。

超级终端菜单

您也可以从右键单击上下文菜单中执行大部分操作。

在超级终端中右键单击上下文菜单

打开新标签/窗口

要在当前终端窗口中打开一个新选项卡,请按 CTRL+SHIFT+T. 您可以通过按 CTRL+1、CTRL+2 …. CTRL+9 在选项卡之间切换。

在超级终端中打开新标签

要打开一个新的终端窗口,请按 CTRL+SHIFT+N. 您可以从右键单击上下文菜单中执行此操作。

分体式终端

此外,您可以水平或垂直或同时拆分您的终端窗口。 为此,只需右键单击终端并选择“水平拆分”或“垂直拆分”。 当您想同时运行多个任务/命令时,它会派上用场。

拆分超级终端

配置超级终端

超级终端的外观和感觉可以通过编辑其全局配置文件来改变 ~/.hyper.js. 正如您已经猜到的,配置文件是 JSON 格式。

要打开超级终端配置文件,请右键单击超级终端并单击 “喜好” 选项。 配置文件将在您的默认文本编辑器中打开。

超级终端配置文件

在此配置文件中,您可以定义各种参数或属性,例如;

  • 字体大小,字体系列,字体粗细,
  • 行高,
  • 字母间距,
  • 光标颜色、光标形状、光标闪烁、
  • 终端前景色/背景色,
  • 显示/隐藏汉堡菜单,
  • 添加自定义 CSS,
  • 安装插件和主题,
  • 在选择时启用/禁用复制,
  • 启用/禁用终端铃声,
  • 还有一些。

例如,要更改字体大小,应在 .hyper.js 文件中修改以下行,如下所示:

fontSize: 16,

用您想要的字体大小替换“16”。 Save 和 close 文件。

在超级终端中更改字体大小

保存更改后,字体大小将自动更新。 看看下面的截图:

默认字体大小:

超级终端默认字体大小

这是更改字体大小后字母在我的终端中的显示方式:

超级终端中的字体大小

要更改字体系列,请使用所需的字体系列查找并修改以下行:

fontFamily: 'Menlo, "DejaVu Sans Mono", Consolas, "Lucida Console", monospace',

默认情况下将使用第一种字体。 如果第一种字体不可用,将使用后续字体。

另一个值得注意的属性是“copyOnSelect:,它允许您在选择时复制测试。默认情况下,此功能是禁用的。要启用它,请找到以下行并将其值设置为“true”。

copyOnSelect: true,

不要忘记保存更改。

同样,我们可以根据自己的喜好自定义其他参数。 所有选项都是不言自明的,因此配置超级终端并不难。

为超级终端安装插件和主题

超级终端有很多很酷的插件和主题来增强终端的功能和外观。

要安装插件,请右键单击超级终端窗口的任意位置并选择“首选项”。 现在 ~/.hyper.js 文件将加载到您的默认编辑器中。

找到以“plugins”开头的那一行 []” 属性并添加您要安装的插件,如下所示:

plugins: [
    "hyper-snazzy",
    "hyper-systray",
    "hyper-opacity",
    "hyper-tab-icons",
    "hyperborder"
    ],

在超级终端中安装插件

Save 变化。 插件将自动安装并启用。

要查看更改,您应该重新加载 Hyper 终端。 为此,请单击 汉堡菜单 -> 查看 -> 完全重新加载.

以下是安装上述插件后超级终端的样子:

如何在超级终端中安装插件

很漂亮,不是吗? 还有更多有用的插件可用 这里.

安装主题同上。 只需在“插件”中添加主题名称 []” 属性。例如,我要添加“星球大战”主题。为此,我在“插件”属性下添加了以下内容:

plugins: [
    "hyper-snazzy",
    "hyper-systray",
    "hyper-opacity",
    "hyper-tab-icons",
    "hyperborder",
    "hyper-star-wars"
  ],

单击保存按钮并重新加载终端以查看更改。

这是星球大战的主题:

在超级终端中安装插件和主题

您可以找到可用主题列表 这里.

要删除主题或插件,只需从 ~/.hyper.js 文件中删除相应的行。 Save 更改和插件/主题将自动删除。

使用 Hyper 插件管理器管理主题和插件

您可以使用“hyper”插件管理器来安装、列出、搜索和删除 Hyper 终端的插件和主题,而不是弄乱 ~/.hyper.js 文件。

例如,要安装“hyper-clean”主题,只需运行以下命令:

$ hyper install hyper-clean

或者,很快:

$ hyper i hyper-clean

使用 Hyper 插件管理器安装主题和插件

此命令将自动在 ~/.hyper.js 文件中添加一个条目并立即启用主题或插件。

要列出已安装的插件和主题,请运行:

$ hyper list

或者,

$ hyper ls

示例输出:

hyper-snazzy
hyper-systray
hyper-opacity
hyper-tab-icons
hyperborder
hyper-material-theme

要搜索主题和插件,请执行以下操作:

$ hyper search

搜索超级终端的主题和插件

要删除主题或插件,例如超材料主题,请运行:

$ hyper u hyper-material-theme

或者,

$ hyper uninstall hyper-material-theme

或者,

$ hyper rm hyper-material-theme

或者,

$ hyper remove hyper-material-theme

要获得帮助,请运行:

$ hyper --help

  Usage: hyper [options] [command]
  
  Commands:
  
    <default>                    Launch Hyper
    d, docs, h, home             Open the npm page of a plugin
    help                         Display help
    i, install                   Install a plugin
    ls, list                     List installed plugins
    lsr, list-remote, ls-remote  List plugins available on npm
    s, search                    Search for plugins on npm
    u, uninstall, rm, remove     Uninstall a plugin
    version                      Show the version of hyper
  
  Options:
  
    -h, --help     Output usage information
    -v, --verbose  Verbose mode (disabled by default)

有关超级终端的更多详细信息,请查看项目网站和 github 页面。 还要检查 “超级棒” d 的 github 存储库精彩的 Hyper 插件、主题和资源。

还有很多我还不知道的功能。 我将了解有关超级终端的更多信息并相应地更新本指南。

我现在正在使用深度终端。 最近几天使用超级终端,我很喜欢它。 我想我会坚持一段时间。

你已经试过了吗? 在下面的评论部分中提出您的想法。

相关阅读:

  • Terminus – 基于 Web 技术的现代终端

资源:

  • 超级终端 GitHub 存储库
  • 超级终端网站

感谢您的光临!

帮助我们帮助您:

  • 订阅我们的电子邮件通讯: 立即注册
  • 支持 OSTechNix : 通过贝宝捐赠
  • 下载免费电子书和视频: TradePub 上的 OSTechNix
  • 联系我们: 红迪网 | Facebook | 推特 | 领英 | RSS订阅

祝你有美好的一天!!

CSSHTML超级终端JavaScriptLinux开源终端

[ad_2]

Related Posts