littlebot
Published on 2025-04-17 / 3 Visits
0

【源码】基于 Vue 3 和 Node.js 的 Web 终端交互系统

项目简介

本项目是基于 Vue 3 和 Node.js 构建的 Web 终端交互系统。采用开放的类插件化设计,方便开发者自定义新命令。秉持重前端轻后端的理念,除核心模块外尽量减少后端请求,兼顾扩展性与安全性。用户依靠快捷键和命令输入操作,无需鼠标,还能定制背景打造个性主页,同时有助于熟悉 Linux 命令,感受编程乐趣。

项目的主要特性和功能

主要特性

  • 操作便捷:无需鼠标,支持快捷键、帮助和输入提示,可快速完成不同平台内容搜索等操作。
  • 个性定制:支持更换背景等个性化设置,打造专属主页。
  • 开发友好:开发者可独立使用功能丰富的 web 终端组件,或进行二次开发,还能开发自己的命令接入系统。
  • 学习资源丰富:学习者可从中学习 web 终端开发方式、系统设计知识,了解规范的代码目录和格式。

功能

Web 终端

具备命令历史记录、快速执行历史命令、快捷键操作、清屏、命令输入提示、Tab 键补全命令、多种格式输出、内置 5 种输出状态、命令折叠/展开、帮助手册自动生成、自定义配置及支持子命令等功能。

已支持命令

涵盖多平台搜索(search)、网页快速跳转(goto)、空间管理(类似收藏夹)、查看日期(date)、翻译(fanyi)、待办事项(todo)、网络检测(ping)、定时器(timing)、更换背景(background)、听音乐(music)、摸鱼小游戏(moyu)、坤坤(ikun)等命令。完整用法见 命令手册

安装使用步骤

假设用户已下载本项目的源码文件,可按以下步骤操作:

前端

  1. 打开终端,进入项目根目录。
  2. 安装依赖:执行 npm install 命令。
  3. 启动项目:执行 npm run dev 命令,在浏览器中访问指定地址即可使用。

后端

  1. 打开新的终端,进入 server 目录。
  2. 安装依赖:执行 npm install 命令。
  3. 配置数据库和依赖服务:根据实际情况配置 MySQL、Redis、百度翻译 API、新浪壁纸 API 等。
  4. 启动后端服务:执行 node app.js 命令(具体启动命令可能因项目而异)。

下载地址

点击下载 【提取码: 4003】【解压密码: www.makuang.net】