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.js\x1B[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://web.fly63.com/nav/1216