X 任期 Svelte

xterm- svelte 是用于 x 任期.js 库,旨在与斯维尔特基特无缝工作. 这个库允许您在您的 SvelteKit 应用程序中嵌入一个功能完备的终端 .

检查一下: https://xterm-svelte.pages.dev (中文(简体) )

版本兼容性

关于从1.x.x到2.x.x的迁移详情,请参见 移徙指南。 。 。 .

特征

• 与 SvelteKit 完全整合

  Xterm-Svelte旨在与SvelteKit无缝地工作,使您可以轻松地将终端功能纳入您的SvelteKit项目.

• X 期加额管理

  Xterm加通由Xterm-Svelte内部管理,为与Xterm及其加通合作提供统一而一致的接口.

• 持续更新软件包

  Xterm-Svelte定期更新,以确保与SvelteKit和Xterm.js的最新版本相容. 这意味着您可以在您的项目中使用这些图书馆的最新功能和改进.

安装

要安装 Xterm- Svelte, 请在您的工程目录中运行以下命令 :

npm install @battlefieldduck/xterm-svelte

使用量

以下是在您的 SvelteKit 应用程序中如何使用 xterm- svelte 的基本示例 :

<script lang="ts">
    import { Xterm, XtermAddon } from '@battlefieldduck/xterm-svelte';
    import type {
        ITerminalOptions,
        ITerminalInitOnlyOptions,
        Terminal
    } from '@battlefieldduck/xterm-svelte';

    let terminal = $state<Terminal>();

    const options: ITerminalOptions & ITerminalInitOnlyOptions = {
        fontFamily: 'Consolas'
    };

    async function onLoad() {
        console.log('Child component has loaded');

        // FitAddon Usage
        const fitAddon = new (await XtermAddon.FitAddon()).FitAddon();
        terminal?.loadAddon(fitAddon);
        fitAddon.fit();

        terminal?.write('Hello World');
    }

    function onData(data: string) {
        console.log('onData()', data);
    }

    function onKey(data: { key: string; domEvent: KeyboardEvent }) {
        console.log('onKey()', data);
    }
</script>

<Xterm bind:terminal {options} {onLoad} {onData} {onKey} />

财务问题

我什么时候用 onLoad()? 吗?

这个 onLoad() 函数在 Xterm 终端初始化时起火。 您可以使用此函数执行动作, 如初始化 xterm addons .

实际用途

• 比特语: 比特扫描软件
• Asm 编辑器:一个现代的网络应用来写作,运行和学习M68K,MIPS,RISC-V,X86组装
• 希尔维: 用于管理 Bhyve, 监狱, ZFS, 网络, 以及更多 FreeBSD 的轻量级 GUI
• 还有更多...

捐款

欢迎捐款! 请随意提交拉力请求或未决问题.

许可证

xterm-svelte根据麻省理工学院许可证获得许可证。 见 LICENSE 以备详细文件.

随时间演变的星舰