> 웹 프론트엔드 > JS 튜토리얼 > 브라우저용 CLI 구축

브라우저용 CLI 구축

DDD
풀어 주다: 2024-12-20 14:09:09
원래의
985명이 탐색했습니다.

Built a cli for browser

테르모

Termo는 웹사이트에 터미널과 유사한 인터페이스를 만드는 데 사용할 수 있는 간단한 터미널 에뮬레이터입니다. 이는 Stripe.dev의 터미널 에뮬레이터에서 영감을 받았습니다. xterm.js 위에 래퍼입니다.


데모

를 확인하세요

데모 및 문서.

깃허브

특징

  • [x] 사용자 정의 가능한 터미널 제목, 프롬프트, 글꼴 및 테마
  • [x] 단말기에 환영 메시지 설정
  • [x] 자바스크립트를 명령으로 추가하고 실행합니다
  • [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으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿