首页 > web前端 > js教程 > 为浏览器构建了一个 cli

为浏览器构建了一个 cli

DDD
发布: 2024-12-20 14:09:09
原创
986 人浏览过

Built a cli for browser

泰尔莫

Termo 是一个简单的终端模拟器,可用于在您的网站上创建类似终端的界面。它的灵感来自 stripe.dev 中的终端模拟器。它是 xterm.js 之上的包装器。


演示

查看

演示和文档。

github

特征

  • [x] 可自定义的终端标题、提示、字体和主题
  • [x] 为终端设置欢迎消息
  • [x] 添加并执行任何 javascript 作为命令
  • [x] 控制音效
  • [x] 获得对终端 (xterm.js) 的完全访问权限
  • [x] 将终端设置为停靠/浮动模式

安装

在您的 HTML 文件中包含以下脚本标记。

<script src="https://cdn.jsdelivr.net/gh/rajnandan1/termo/dist/termo.min.js"></script>
登录后复制

快速入门

通过传递一个对象来创建 Termo 的新实例。

const myTermo = new termo({
    title: 'Termo',
    welcomeMessage: 'Welcome to Termo',
    commands: [
        {
            command: 'hello',
            description: 'Says hello',
            action: async (terminal, args) => terminal.write('\r\nHello! ' + args.join(' ')),
        },
    ],
});
myTermo.create();
myTermo.show();
登录后复制

以上是为浏览器构建了一个 cli的详细内容。更多信息请关注PHP中文网其他相关文章!

来源:dev.to
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板