Persona 5 Calculator 项目使用教程

1. 项目目录结构及介绍

Persona 5 Calculator 项目目录结构如下：

.
├── .github/
│   └── workflows/
├── data/
├── img/
├── src/
│   ├── test/
│   └── view/
├── .gitignore
├── LICENSE
├── README.md
├── favicon.ico
├── index.html
├── indexRoyal.html
├── package.json
├── style.css
└── tsconfig.json

• .github/: 存放 GitHub Actions 的配置文件，用于自动化构建和部署等操作。
• data/: 存放项目所需的数据文件。
• img/: 存放项目所需的图片资源。
• src/: 源代码目录，包含项目的核心逻辑和界面。
  • test/: 测试文件目录。
  • view/: 界面文件目录。
• .gitignore: 用于指定 Git 忽略的文件和目录。
• LICENSE: 项目的许可证文件，本项目采用 Apache-2.0 许可。
• README.md: 项目的说明文件，包含项目信息和如何使用项目。
• favicon.ico: 网站图标。
• index.html: 项目的主页文件。
• indexRoyal.html: 可能是项目的另一个界面文件。
• package.json: Node.js 项目的配置文件，定义项目依赖等。
• style.css: 项目样式表文件。
• tsconfig.json: TypeScript 配置文件。

2. 项目的启动文件介绍

项目的启动文件是 index.html 或 indexRoyal.html，这两个文件是 HTML 文件，用于展示项目的主界面。用户可以通过浏览器打开这些文件来使用 Persona 5 Calculator。

3. 项目的配置文件介绍

项目的配置文件主要包括以下两个：

• package.json: Node.js 项目的配置文件，其中定义了项目的名称、版本、描述、依赖关系等。通过以下命令可以安装项目依赖：

  npm install
  

• tsconfig.json: TypeScript 配置文件，用于配置 TypeScript 编译器的选项。这个文件定义了项目的 TypeScript 代码应该如何被编译为 JavaScript 代码。

在使用项目之前，需要确保已经安装了 Node.js 和 npm。然后克隆项目仓库，安装依赖，编译源文件，最后在浏览器中打开 HTML 文件即可开始使用。以下是基本的使用步骤：

git clone https://github.com/chinhodado/persona5_calculator.git
cd persona5_calculator
npm install
npm run compile

在浏览器中打开 index.html 或 indexRoyal.html 文件，即可看到 Persona 5 Calculator 的界面。