BiliHistoryFrontend 项目使用教程

BiliHistoryFrontend 项目使用教程

BiliHistoryFrontend 获取b站历史记录，保存到本地数据库，可下载对应视频及时存档，生成详细的年度总结，自动化任务部署到服务器实现自动同步，以及自动发送日志邮件，下面链接是对应后端 项目地址: https://gitcode.com/gh_mirrors/bi/BiliHistoryFrontend

1. 项目目录结构及介绍

BiliHistoryFrontend 是一个基于 Vue 3 开发的 B 站历史记录分析工具的前端项目。以下是项目的目录结构及其简要介绍：

BilibiliHistoryFrontend/
├── .gitignore                # 忽略文件列表
├── .prettierrc               # Prettier 配置文件
├── Dockerfile                # Docker 构建文件
├── LICENSE.md                # 开源协议文件
├── README.md                 # 项目说明文件
├── docker-compose.yml        # Docker 编排文件
├── index.html                # 入口 HTML 文件
├── jsconfig.json             # JavaScript 配置文件
├── package.json              # 项目依赖配置文件
├── postcss.config.js         # PostCSS 配置文件
├── src/                      # 源代码目录
│   ├── assets/               # 资源目录
│   ├── components/           # 组件目录
│   ├── App.vue               # 根组件文件
│   ├── main.js               # 入口 JavaScript 文件
│   └── ...
├── src-tauri/                # Tauri 相关文件目录
├── tailwind.config.js        # Tailwind CSS 配置文件
├── vite.config.js            # Vite 配置文件
└── ...

2. 项目的启动文件介绍

项目的启动主要依赖于 package.json 文件中定义的 npm 脚本。

package.json

在 package.json 文件中，定义了如下几个常用的脚本：

• npm run dev：启动开发服务器，通常用于本地开发。
• npm run build：构建生产环境的静态文件。

开发环境启动

在项目根目录下执行以下命令启动开发服务器：

npm run dev

这将启动一个本地服务器，并自动在浏览器中打开应用窗口。

3. 项目的配置文件介绍

项目的配置主要通过以下文件进行：

.prettierrc

Prettier 配置文件，用于统一代码格式，确保代码风格的一致性。

postcss.config.js

PostCSS 配置文件，用于处理 CSS 的转换和优化。

tailwind.config.js

Tailwind CSS 配置文件，用于定制 Tailwind CSS 的行为。

vite.config.js

Vite 配置文件，用于定制 Vite 的行为，如定义环境变量、配置代理等。

src-tauri/

Tauri 配置目录，包含构建桌面应用所需的配置文件和资源。

以上就是 BiliHistoryFrontend 项目的目录结构、启动文件及配置文件的简要介绍。按照这些指导，用户可以顺利地搭建和运行这个项目。

BiliHistoryFrontend 获取b站历史记录，保存到本地数据库，可下载对应视频及时存档，生成详细的年度总结，自动化任务部署到服务器实现自动同步，以及自动发送日志邮件，下面链接是对应后端 项目地址: https://gitcode.com/gh_mirrors/bi/BiliHistoryFrontend