React - Shell-Bash

React-Shell-Bash 是一个基于 React 的交互式 Shell/Bash 组件，可以帮助您在 Web 应用程序中快速构建终端界面。

特性

• 基于 React
• 支持 Bash 命令
• 可配置的主题和字体
• 自定义命令
• 命令历史记录
• 支持复制和粘贴

安装

您可以使用 npm 安装 React-Shell-Bash：

npm install react-shell-bash

使用

import React from 'react';
import { Bash } from 'react-shell-bash';

const MY_CUSTOM_COMMANDS = [
  {
    command: 'hello',
    help: 'Say hello',
    function: () => 'Hello world!'
  }
];

const App = () => (
  <Bash commands={MY_CUSTOM_COMMANDS} welcomeMessage="Welcome to my Bash terminal!" />
);

export default App;

Props

• commands (Array, 可选): 自定义命令的列表
• welcomeMessage (String, 可选): 终端欢迎消息
• theme (Object, 可选): 终端主题
• font (Object， 可选): 终端字体

命令格式

{
  command: 'command-name', // 命令名称
  help: 'command-description', // 命令描述
  function: () => 'command-result' // 命令执行结果
}

示例

您可以通过以下链接查看可运行的代码示例：

React-Shell-Bash 示例

总结

React-Shell-Bash 是一个强大的工具，可以帮助您构建交互式 Shell/Bash 组件。感谢您的使用，如有任何建议或反馈，请随时与我们联系。