Termy-the-terminal基于React的Web终端组件
React 的 Web 终端组件里，Termy-the-terminal 算是比较轻巧好用的了。界面简洁，响应也快，跑在浏览器里挺顺畅的，前端做开发演示或者内嵌个模拟终端体验感还不错。
安装也挺方便的，用npm i termy-the-terminal就行。不过它不自带react和react-dom，记得自己装上。组件风格比较现代，带点 VS Code 风，有种“本地终端搬上 Web”的感觉。
使用方式也不复杂，基本就是常规import后调用index.css就能跑：
import React from 'react';
import ReactDOM from 'react-dom';
import { Terminal } from 'termy-the-terminal';
import 'termy-the-terminal/dist/index.css';
ReactDOM.render(
,
document.getElementById('root')
);
适合做可视化终端演示、教学平台或者前端命令行交互场景。如果你之前用过像xterm.js那类库，会发现 Termy 更像是“前端开发者思维”的版本，集成起来更顺手。
哦对了，它也支持自动补全功能，配合这篇可视化自动补全终端的例子试试看，会有惊喜。
如果你正好想在项目里加个轻量的 Web 终端组件，Termy-the-terminal 确实是个蛮不错的选择。
...
文件大小：907.91KB
评论区