xterm.js

xterm.js 介绍

xterm是一个使用TypeScript编写的前端终端组件。并在Vscode等热门项目中得到了应用 

特点

Xterm.js与大多数终端应用程序，如bash，vim和tmux，这包括基于光标的应用程序和鼠标事件的支持。 

运行非常快，它甚至还包括一个GPU加速的渲染器。 

丰富的unicode支持：支持CJK，表情符号和IME。

零依赖性。 

可以使用该screenReaderMode选项打开屏幕阅读器支持。

安装

npm install xterm

初始化

// 初始化终端

import { Terminal } from 'xterm'

import 'xterm/dist/xterm.css'

let term = new Terminal()

// 将term挂砸到dom节点上

term.open(document.getElementById('app'))

term.write('Hello from x1B[1;3;31mxterm.jsx1B[0m $ ')

使用插件

插件为JavaScript的模块可以扩展Terminal的原型

import { Terminal } from 'xterm';

import * as fit from 'xterm/lib/addons/fit/fit'

// 扩展Terminal

Terminal.applyAddon(fit)

let term = new Terminal()

term.open(document.getElementById('#terminal'))

// 使用fit方法

term.fit()

网站地址:https://xtermjs.org/

GitHub:https://github.com/xtermjs/xterm.js

网站描述:使用TypeScript编写的前端终端组件

xterm.js

官方网站：https://xtermjs.org/