草庐IT

Hyper Terminal 配置体验分享

自是·白衣卿相 2023-07-25 原文

Hyper Terminal 简介

~# Hyper is an Electron-based terminal
~# Built on HTML/CSS/JS
~# Fully extensible

以上内容来自Hyper Terminal官网对该终端的介绍。

这是一个Windows,Linux,Mac 全平台通用的 Terminal Emulator,前段时间在配置笔记本电脑 WSL 的时候偶然注意到的。


因为自己是一个对各个软件的功能和颜值都十分看重的人,所以在当时可以说是一眼就看中了这款终端程序,最后也没有让我失望,总体上还是比较满意。这款软件在其GitHub仓库上也比较活跃,版本更新也比较快。现阶段属于刚刚起步一段时间,或多或少存在一些使用上或者功能上的缺陷,但是瑕不掩瑜,我还是毫不犹豫的用这款终端替换了先前“颜值可玩性”最高的 Windows Terminal。


接下来的分享可能不够专业orz,因为我自己也算是刚刚接触这一款软件,就当做是写一点自己在配置和探索中的一些感想吧哈哈哈,如果有出现一些错误或者瑕疵,也希望大家海涵指正~(叩谢)

  • 操作系统:Windows 11
  • Hyper Terminal:v3.3.0 stable

如何安装?

Hyper Terminal 官方提供了非常多的安装方法(毕竟是全平台通用),主要是以下两类。

  1. 官网下载安装
  2. GitHub 下载安装

官网安装 Hyper Terminal

很简单,直接访问Hyper Terminal官网下滑找到 Download 部分就可以了,直接根据自己的操作系统版本选择对应的选项下载即可。

这里如果是 Windows 的话,就直接选择 64-bit 的选项,下载安装包到桌面(or any other folders you like)就可以。随后运行安装包选择安装文件夹都比较常规,在这里就不赘述啦😃

GitHub 安装 Hyper Terminal

访问GitHub仓库,在README文档中针对各个平台给出了详细的安装方法。
(因为我对这里的各个操作系统可能不太熟悉,就简单搬运一下🤫)

Linux

  1. Arch and derivatives
paru -S hyper
  1. NixOS
nix-env -i hyper

macOS

brew update
brew install --cask hyper

Windows

choco install hyper

一些基本配置

Hyper Terminal 的可定制性非常高,使用者对界面的外观和功能都有很多自由发挥的空间🤩如果你对这方面比较感兴趣,可以在Hyper Terminal官网上阅读相关文档,然后试着开发自己的插件,或者是定制自己的 Hyper Terminal

这里一方面是因为篇幅的原因,另一方面可能我自己对这一块也不是很熟悉,就只介绍一些最基本的配置,关于配色字体等细节也都是基于我自己的喜好,大家可以自由调整🙌🏻

全部配置项参见Hyper Terminal Configurations

配置文件的位置

打开终端后右键窗口,选择“Preferences”,就会使用系统默认打开 JavaScript 的应用打开当前配置文件。默认的文件位置在官网上也有写,Windows 上的默认地址一般会是C:/Users/xxxxx/AppData/Roaming/Hyper/.hyper.js

打开这个文件后一般会是如图所示的样子(我比较喜欢用 VScode),我的配置已经进行了一些修改,可能与默认存在一些出入。

这里是一个类似于 json 文件的配置方式,config 是我们需要关注的核心,本节涉及到的内容都在这个 block 里面。其实可以看到,每一个配置选项上方都是有注释的,详细介绍了这个配置会执行什么功能,非常方便。接下来我就选一些比较常用的配置项介绍一下。

常用配置项

  1. updateChannel
    可以选择 stable 或者 canary。代表了两种更新方式,如果想体验更多的更新功能可以选择后者。

  2. fontFamily
    字体设定,基本上是我选择软件的必须选项🤫会按照给出字体的顺序查找应用,先写英文字体后写中文字体,可以实现中英文双字体,适合代码风格实现。
    为大家推荐 JetBrains Mono NF 系列字体,字体自带 ligature(把->渲染成→,诸如此类),放到 VScode 里面也是非常的好看。

  3. lineHeight
    行高设定,默认为 1,无需多言。

  4. cursorShape
    三种可选,BEAMUNDERLINEBLOCK,对应三种光标(竖线,下划线,方块)

  5. css & termCSS
    可深度自定义外观🐛关于具体 CSS 实现我不多说,因为本人也没有系统学过 orz,想了解的自行去看 API 就好。

  6. shell & shellArgs
    启动时默认的终端。支持Windows cmd powershell git-bash 等终端,也支持 WSL 等。
    shell 命令是终端所在的可执行文件,我的是
    “C:/Windows/System32/wsl.exe”(因为基本上在用子系统),然后 shellArgs 就是启动终端后执行的命令参数。

配置完这些东西,Hyper Terminal就已经初步成为一个让你看起来赏心悦目的 Terminal Emulator 了!🥳🥳不过,颜值党不会在此停手🤔事实上,它的插件才是让你更加叹为观止的存在🥰

插件怎么找 & 插件怎么用?

插件是 Hyper Terminal 生态的一个非常重要的组成部分,每一个人都可以成为一款优秀插件的设计者和开发者,共同推动终端向高度定制化与个性化的方向发展。先贴个效果图 orz

添加插件的方法超级简单,只需要打开我们上一部分讲解的 JavaScript 文件,在与 config 同级的地方有另外一个 block 叫做 plugins,而我们只需要在列表里写上插件的名字,重新启动终端,就会自动完成下载生效,如图所示。

Hyper Terminal 的官方为我们推荐了一些插件,具体参见 Hyper Terminal Plugins。此外,还有一个整理了很多优秀插件的仓库bnb/awesome-hyper。上面整理了相当多的插件与相关的描述,可以按需自取🤩当时找到这个仓库的时候简直大开眼界🥰

推荐一些(花里胡哨的)插件

hyper-letters 打出字母会有十分炫酷的掉落碰撞效果(不干扰当前输入),配合高手速敲代码效果更佳~

hyperpower 也是动效相关,打字会有水滴散射哈哈哈

hyper-drop-file 支持文件拖入方式输入地址(不用再复制地址了)

hyperborder 没错效果图最外面一圈炫彩(其实就是官方图标的炫彩)就是它弄出来的,甚至还能加动画

hyper-font-ligatures 支持字体 ligature 显示(前提是你的 fontFamily 自带了 ligature)

当然除此之外,Hyper Terminal 也支持本地插件(只需要把相应的代码放到对应文件夹里就 OK)我也没有做过插件 orz 感兴趣的大佬可以去官网查看 API 😉

其实有一些感觉挺有意思的插件,点开仓库之后却发现已经很久没有人来维护了,就觉得还蛮可惜的,希望能够有更多的人能够发现这样一款 Emulator 然后投入到插件的研发和维护当中来吧!

写在最后

到此为止,我们已经可以十分开心的使用这样一款终端了!如果在使用或者配置的过程中遇到了其他问题,欢迎在评论区提出,也可以在 Github 上查找或者发布相关的 issue(因为总有大佬知道该怎么办hhh)

如果有熟悉 vim 的同学可以考虑 Hyper Terminal ➕ Lunar Vim,能够基本上满足 VScode 的所有功能,而且更为轻量快速!(orz 我还不熟悉 vim 虽然自己配好了软件)有可能以后会写入门介绍,我也不知道哈哈哈哈,贴一个效果图

PS 个人的第一篇 CSDN 博客,写于开学前的一个闲来无事的下午。缺乏相关写作经验和专业知识,希望能和大家多多交流!如果有错误也希望大家指出!🌈🌈🌈

有关Hyper Terminal 配置体验分享的更多相关文章

  1. ruby-on-rails - 独立 ruby​​ 脚本的配置文件 - 2

    我有一个在Linux服务器上运行的ruby​​脚本。它不使用rails或任何东西。它基本上是一个命令行ruby​​脚本,可以像这样传递参数:./ruby_script.rbarg1arg2如何将参数抽象到配置文件(例如yaml文件或其他文件)中?您能否举例说明如何做到这一点?提前谢谢你。 最佳答案 首先,您可以运行一个写入YAML配置文件的独立脚本:require"yaml"File.write("path_to_yaml_file",[arg1,arg2].to_yaml)然后,在您的应用中阅读它:require"yaml"arg

  2. Ruby Sinatra 配置用于生产和开发 - 2

    我已经在Sinatra上创建了应用程序,它代表了一个简单的API。我想在生产和开发上进行部署。我想在部署时选择,是开发还是生产,一些方法的逻辑应该改变,这取决于部署类型。是否有任何想法,如何完成以及解决此问题的一些示例。例子:我有代码get'/api/test'doreturn"Itisdev"end但是在部署到生产环境之后我想在运行/api/test之后看到ItisPROD如何实现? 最佳答案 根据SinatraDocumentation:EnvironmentscanbesetthroughtheRACK_ENVenvironm

  3. Vscode+Cmake配置并运行opencv环境(Windows和Ubuntu大同小异) - 2

    之前在培训新生的时候,windows环境下配置opencv环境一直教的都是网上主流的vsstudio配置属性表,但是这个似乎对新生来说难度略高(虽然个人觉得完全是他们自己的问题),加之暑假之后对cmake实在是爱不释手,且这样配置确实十分简单(其实都不需要配置),故斗胆妄言vscode下配置CV之法。其实极为简单,图比较多所以很长。如果你看此文还配不好,你应该思考一下是不是自己的问题。闲话少说,直接开始。0.CMkae简介有的人到大二了都不知道cmake是什么,我不说是谁。CMake是一个开源免费并且跨平台的构建工具,可以用简单的语句来描述所有平台的编译过程。它能够根据当前所在平台输出对应的m

  4. 神州数码无线产品(AC+AP)配置 - 2

    注意:本文主要掌握DCN自研无线产品的基本配置方法和注意事项,能够进行一般的项目实施、调试与运维AP基本配置命令AP登录用户名和密码均为:adminAP默认IP地址为:192.168.1.10AP默认情况下DHCP开启AP静态地址配置:setmanagementstatic-ip192.168.10.1AP开启/关闭DHCP功能:setmanagementdhcp-statusup/downAP设置默认网关:setstatic-ip-routegeteway192.168.10.254查看AP基本信息:getsystemgetmanagementgetmanaged-apgetrouteAP配

  5. hadoop安装之保姆级教程(二)之YARN的配置 - 2

    1.1.1 YARN的介绍 为克服Hadoop1.0中HDFS和MapReduce存在的各种问题⽽提出的,针对Hadoop1.0中的MapReduce在扩展性和多框架⽀持⽅⾯的不⾜,提出了全新的资源管理框架YARN. ApacheYARN(YetanotherResourceNegotiator的缩写)是Hadoop集群的资源管理系统,负责为计算程序提供服务器计算资源,相当于⼀个分布式的操作系统平台,⽽MapReduce等计算程序则相当于运⾏于操作系统之上的应⽤程序。 YARN被引⼊Hadoop2,最初是为了改善MapReduce的实现,但是因为具有⾜够的通⽤性,同样可以⽀持其他的分布式计算模

  6. Ruby 默认将 IRB 配置为 Pretty_Inspect - 2

    我是ruby​​的新手,正在配置IRB。我喜欢pretty-print(需要'pp'),但总是输入pp来漂亮地打印它似乎很麻烦。我想做的是默认情况下让它漂亮地打印出来,所以如果我有一个var,比如说,'myvar',然后键入myvar,它会自动调用pretty_inspect而不是常规检查。我从哪里开始?理想情况下,我将能够向我的.irbrc文件添加一个自动调用的方法。有什么想法吗?谢谢! 最佳答案 irb中默认pretty-print对象正是hirb被迫去做。Theseposts解释hirb如何将几乎所有内容转换为ascii表。虽

  7. ruby - 是否可以将 IRB 提示配置为动态更改? - 2

    我想在IRB中浏览文件系统并让提示更改以反射(reflect)当前工作目录,但我不知道如何在每个命令后进行提示更新。最终,我想在日常工作中更多地使用IRB,让bash溜走。我在我的.irbrc中试过这个:require'fileutils'includeFileUtilsIRB.conf[:PROMPT][:CUSTOM]={:PROMPT_N=>"\e[1m:\e[m",:PROMPT_I=>"\e[1m#{pwd}>\e[m",:PROMPT_S=>"FOO",:PROMPT_C=>"\e[1m#{pwd}>\e[m",:RETURN=>""}IRB.conf[:PROMPT_MO

  8. ruby - 如何配置 Ruby Mechanize 代理以通过 Charles Web 代理工作? - 2

    我正在使用Ruby/Mechanize编写一个“自动填写表格”应用程序。它几乎可以工作。我可以使用精彩CharlesWeb代理以查看服务器和我的Firefox浏览器之间的交换。现在我想使用Charles查看服务器和我的应用程序之间的交换。Charles在端口8888上代理。假设服务器位于https://my.host.com。.一件不起作用的事情是:@agent||=Mechanize.newdo|agent|agent.set_proxy("my.host.com",8888)end这会导致Net::HTTP::Persistent::Error:...lib/net/http/pe

  9. ruby-on-rails - 如果特定语言环境中缺少翻译,如何配置 i18n 以使用 en 语言环境? - 2

    如果特定语言环境中缺少翻译,如何配置i18n以使用en语言环境翻译?当前已插入翻译缺失消息。我正在使用RoR3.1。 最佳答案 找到相似的question这里是答案:#application.rb#railswillfallbacktoconfig.i18n.default_localetranslationconfig.i18n.fallbacks=true#railswillfallbacktoen,nomatterwhatissetasconfig.i18n.default_localeconfig.i18n.fallback

  10. ruby-on-rails - 在 Rails 中存储(结构化)配置数据的位置 - 2

    对于我正在编写的Rails3应用程序,我正在考虑从本地文件系统上的XML、YAML或JSON文件中读取一些配置数据。重点是:我应该把这些文件放在哪里?Rails应用程序中是否有用于存储此类内容的默认位置?附带说明一下,我的应用程序部署在Heroku上。 最佳答案 我经常做的是:如果文件是通用配置文件:我在目录/config中创建一个YAML文件,每个环境有一个上层key如果我为每个环境(大项目)创建一个文件:我为每个环境创建一个YAML并将它们存储在/config/environments/然后我在加载YAML的地方创建了一个初始化

随机推荐