Terminal Simulator

A simple terminal simulator component in React, used to demonstrate or teach commands to readers. Currently supports the following features:

• Support modifying the terminal title
• Support modifying the user, path, and conda environment (the terminal can be modified multiple times, which is convenient for demonstration of commands like conda activate, su, cd, z, etc.)
• Support two output modes: newline and indent, aligned display
• Added support for mysql mode New !

Demonstration

Terminal Simulator

→ casta@~/ $ conda init

(base) → casta@~/ $ ps -a

PID TTY TIME CMD

12 tty1 00:00:00 sh

22 tty1 00:00:08 node

(base) → casta@~/ $ conda activate torch

(torch) → casta@~/ $ ll

total 1

drwxr-xr-x 2 root root 4096 Sep 3 10:00 ./

(torch) → casta@~/ $ mysql -uroot -p

mysql> use my_db;
-> select *
-> from user
-> orderby id desc ;

+--------+-------------+-----------------------+

| id | name | email |

+--------+-------------+-----------------------+

| cltaau | Castamere | castamerego@gmail.com |

| cltx76 | Achinoise | 981193371@qq.com |

| cltzwk | flamingo952 | 1719538377@qq.com |

+--------+-------------+-----------------------+

info

You can also refer to cmdTerminal for more detailed information on how this component is implemented.