ホームページ > ウェブフロントエンド > jsチュートリアル > ブラウザ用の cli を構築しました

ブラウザ用の cli を構築しました

DDD
リリース: 2024-12-20 14:09:09
オリジナル
986 人が閲覧しました

Built a cli for browser

テルモ

Termo は、Web サイト上に端末のようなインターフェイスを作成するために使用できるシンプルな端末エミュレータです。これは、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 中国語 Web サイトの他の関連記事を参照してください。

ソース:dev.to
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート