Divise 项目启动与配置教程

2025-05-14 22:11:47作者：鲍丁臣Ursa

1. 项目目录结构及介绍

Divise 项目的目录结构如下：

Divise/
├── .gitignore           # Git 忽略文件列表
├── README.md            # 项目说明文件
├── config               # 配置文件目录
│   └── config.json      # 项目配置文件
├── public               # 公共静态资源目录
│   ├── css              # CSS 样式文件
│   ├── js               # JavaScript 文件
│   └── images           # 图片资源
├── src                  # 源代码目录
│   ├── index.html       # 入口 HTML 文件
│   ├── main.js          # 主 JavaScript 文件
│   └── ...              # 其他源代码文件
└── ...                  # 其他目录或文件

.gitignore：指定 Git 忽略跟踪的文件和目录。
README.md：提供项目的基本信息和说明。
config：存放项目配置文件。
public：存放公共静态资源，如 CSS、JavaScript 和图片等。
src：存放项目的主要源代码。

2. 项目的启动文件介绍

项目的启动文件位于 src/index.html，这是项目的入口 HTML 文件。以下是启动文件的基本内容：

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>Divise</title>
    <!-- 引入 CSS 文件 -->
    <link rel="stylesheet" href="public/css/style.css">
</head>
<body>
    <h1>Divise 项目启动页</h1>
    <!-- 引入 JavaScript 文件 -->
    <script src="public/js/main.js"></script>
</body>
</html>

该文件通过引入 CSS 和 JavaScript 文件来设置页面的样式和功能。

3. 项目的配置文件介绍

项目的配置文件位于 config/config.json，这是一个 JSON 格式的配置文件，用于存储项目相关的配置信息。以下是配置文件的基本内容：

{
    "title": "Divise",
    "version": "1.0.0",
    "apiEndpoint": "https://api.example.com",
    "staticPath": "public",
    "routes": {
        "/": "src/index.html",
        "/about": "src/about.html"
    }
}