Xterm.js 4.0 发布，前端终端组件

内容简介：xterm 是一个使用 TypeScript 编写的前端终端组件，可以直接在浏览器中实现一个命令行终端应用。4.0 已经发布，主要如下： 添加新的插件系统，包括 WebGL 渲染器插件的实验版本 改进构建过程和缩小 npm 的可分配性...

xterm 是一个使用 TypeScript 编写的前端终端组件，可以直接在浏览器中实现一个命令行终端应用。4.0 已经发布，主要如下：

• 添加新的插件系统，包括 WebGL 渲染器插件的实验版本
• 改进构建过程和缩小 npm 的可分配性
• 使解析器更加兼容和可扩展
• 启用 TypeScript 模式
• 删除不使用的 API
• 其他错误修复

新的插件系统

这个新系统允许将利用 xterm.js API 的其他功能封装到一个模块中，该模块可以在 xterm.js 的用户之间共享。API 与以前的版本相比有了改进，支持 TypeScript 和每个终端的生命周期管理。

export class Terminal implements IDisposable {
  /**
  * Loads an addon into this instance of xterm.js.
  * @param addon The addon to load.
  */
  loadAddon(addon: ITerminalAddon): void;
}

/**
* An addon that can provide additional functionality to the terminal.
*/
export interface ITerminalAddon extends IDisposable {
  /**
  * This is called when the addon is activated.
  */
  activate(terminal: Terminal): void;
}

创建一个插件就如为一个对象提供 Activate 和 Dispose 方法一样：

class ExampleAddon {
  private _terminal: Terminal | undefined;
  activate(terminal: Terminal): void {
    this._terminal = terminal;
    console.log('activated');
  }
  dispose(): void {
    console.log('disposed');
  }
}

使用如下：

const terminal = new Terminal();
terminal.loadAddon(new ExampleAddon());
// Logs 'activated'
terminal.dispose();
// Logs 'disposed'

该版本还有 API 的更新和错误修复，详情见发布说明：

https://github.com/xtermjs/xterm.js/releases/tag/4.0.0

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

• 终端依赖者福利：终端也能实现翻译功能了
• 程序员必备之终端模拟器，让你的终端世界多一抹“颜色”
• 程序员必备之终端模拟器，让你的终端世界多一抹 “颜色”
• 漫淡终端技术未来
• Golang获取终端输入
• 终端复用神器Tmux

本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。