Hyper：基于 Web 技术构建的终端模拟器

Vercel 出品的开源终端项目 Hyper，拿到了 44,597 个 Star：

Hyper 是一款基于 Electron 的终端模拟器，用 HTML、CSS 和 JavaScript 构建。项目的核心目标：在保证速度和稳定性的前提下，为命令行用户提供可扩展的终端体验。

为什么用 Web 技术做终端

传统终端模拟器大多用 C 或 C++ 开发，功能固定，扩展空间有限。Hyper 选择了另一条路：用 Web 标准渲染终端界面。对前端开发者来说，可以直接用熟悉的技能为 Hyper 编写插件和主题，不需要学习新的技术栈。

项目在设计上围绕三个方向：运行速度、长期稳定性、面向扩展作者的 API。社区围绕这套 API 已经积累了丰富的插件和主题。

跨平台安装

Hyper 支持 macOS、Windows 和 Linux。

macOS 使用 Homebrew 安装：

brew update
brew install --cask hyper

Windows 使用 Chocolatey 安装：

choco install hyper

Linux 可以通过 AUR 安装：

paru -S hyper

NixOS 用户也可以直接用 nix-env -i hyper 安装。各平台也可以从项目网站直接下载安装包。

从源码构建

项目使用 pnpm 管理依赖，推荐通过 Corepack 启用：

corepack enable pnpm

克隆仓库后，安装依赖：

pnpm install

启动开发模式，监听文件变化并自动编译：

pnpm run dev

在另一个终端窗口执行 pnpm run app 即可启动 Hyper 进行调试。Webpack 会自动监听渲染层代码的改动，开发者无需反复重启整个构建流程。

生成发布包：

pnpm run dist

编译产物输出到 ./dist 目录。

Linux 环境需要额外安装构建依赖。RPM 系需要 GraphicsMagick、libicns-utils 和 xz；Debian 系需要 graphicsmagick、icnsutils 和 xz-utils。Windows 需要以管理员权限先运行 pnpm add --global windows-build-tools。

如果在 macOS 上遇到 node-pty 编译报错，可以执行 pnpm run rebuild-node-pty 修复。编译时出现 C++ 错误，尝试设置 export CXX=clang++。

配套生态

官方维护了几个配套仓库：官方网站负责产品介绍和文档；Sample Extension 提供插件开发模板；Sample Theme 提供主题开发模板；Awesome Hyper 汇总了社区贡献的各类扩展和主题。

这套结构降低了上手门槛。新手可以从模板出发，快速编写自己的插件或主题。

写在最后

Hyper 从 2016 年启动开发，至今积累了可观的社区生态。用 Web 技术栈构建终端，让扩展开发的门槛降到了前端开发者可以轻松参与的程度，主题定制也变得灵活。如果对终端的外观和功能有个性化需求，Hyper 值得关注。

社区生态。用 Web 技术栈构建终端，让扩展开发的门槛降到了前端开发者可以轻松参与的程度，主题定制也变得灵活。如果对终端的外观和功能有个性化需求，Hyper 值得关注。