JavaScript 8080 模拟器项目启动与配置教程

2025-05-02 11:12:35作者：裘晴惠Vivianne

1. 项目目录结构及介绍

本项目是基于 JavaScript 实现的 8080 微处理器模拟器。项目目录结构如下：

js-8080-sim/
├── .gitignore           # Git忽略文件
├── index.html           # 项目主页面
├── README.md            # 项目说明文件
├── css/
│   └── style.css        # 项目CSS样式文件
├── js/
│   ├── cpu.js           # CPU模拟核心代码
│   ├── dis.js           # 汇编代码解析器
│   ├── mem.js           # 内存管理代码
│   ├── opcodes.js       # 8080指令集代码
│   ├── rom.js           # ROM加载代码
│   └── util.js          # 工具函数代码
└── test/                # 测试代码目录

.gitignore：指定Git应该忽略的文件和目录。
index.html：项目的主页面，用户与模拟器的交互界面。
README.md：项目说明文件，包含项目信息、安装和启动指南等。
css：包含项目的CSS样式文件，用于定义页面的视觉效果。
js：包含项目的JavaScript源代码，包括CPU模拟、汇编代码解析、内存管理等核心功能。
test：包含项目的测试代码，用于验证模拟器的功能。

2. 项目的启动文件介绍

项目的启动文件是index.html。该文件定义了模拟器用户界面的基本结构，并加载了必要的JavaScript和CSS文件。以下是index.html文件的主要内容：

<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>JavaScript 8080 模拟器</title>
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
    <h1>8080 模拟器</h1>
    <!-- 用户界面元素，如输入框、按钮、显示区域等 -->
    <script src="js/cpu.js"></script>
    <script src="js/dis.js"></script>
    <script src="js/mem.js"></script>
    <script src="js/opcodes.js"></script>
    <script src="js/rom.js"></script>
    <script src="js/util.js"></script>
    <script src="js/index.js"></script> <!-- 主逻辑文件 -->
</body>
</html>