一个基于 Vue 3 + Vite + Electron 的 Steam 游戏信息与下载查询平台。
已成功部署到 GitHub Pages 👉 在线访问
NS 游戏下载查询平台 是一个聚合型 Steam、NS 游戏数据浏览工具。
支持搜索、筛选、排序和导出游戏信息，提供清晰的卡片式展示界面。
项目采用 Vue 3 + Vite 开发，并支持 Electron 打包为桌面端应用。
| 功能模块 | 说明 |
|---|---|
| 🔍 游戏查询 | 按游戏名称、类型、平台等多条件查询 |
| 🧱 多维筛选 | 支持动作、冒险、模拟、策略、角色扮演等分类 |
| 💻 平台过滤 | PC、NS 等主机平台筛选 |
| 🕹️ 卡片展示 | 显示游戏封面、标题、标签、发布时间等信息 |
| 📦 JSON 导出 | 可一键导出当前查询结果数据 |
| ⚡ 响应式布局 | 自动适配桌面和移动端 |
| 🪟 Electron 桌面版 | 一键打包为 Windows / macOS 可执行程序 |
-
Web 版本（GitHub Pages）
🔗 https://brain9527.github.io/game_catalogue/ -
桌面版
支持 Windows 与 macOS，打包命令见下方。
| 分类 | 技术 |
|---|---|
| 前端框架 | Vue 3 |
| 构建工具 | Vite |
| 桌面打包 | Electron 39 + electron-builder |
| UI 组件 | Element Plus |
| 部署方式 | GitHub Actions 自动构建 + Pages 静态托管 |
| 语言 | JavaScript / TypeScript |
# 克隆项目
git clone https://github.com/brain9527/game_catalogue.git
cd game_catalogue
# 安装依赖
npm install
# 启动开发环境（默认端口 5173）
npm run dev访问地址：http://localhost:5173
npm run build生成静态资源目录：dist/
可直接部署到 GitHub Pages、Netlify、Vercel 或任意静态服务器。
npm run build:win输出目录：release/
生成的文件包括：
资源大全 Setup x.x.x.exe（安装版）资源大全 x.x.x.exe（便携版）
npm run build:mac输出目录：release/
生成 .dmg 与 .zip 文件，可直接安装或分发。
vue_game_catalogue/
├── src/ # 前端源码
│ ├── components/ # 通用组件
│ ├── views/ # 页面组件
│ ├── assets/ # 静态资源
│ └── main.js # 入口文件
├── electron/ # Electron 主进程文件
│ ├── main.cjs
│ └── preload.cjs
├── public/ # 公共静态资源
├── build/ # 图标及构建资源（icon.ico / icon.icns）
├── release/ # 打包输出目录
├── vite.config.ts # Vite 配置
└── package.json # 项目配置与脚本
本项目使用 GitHub Actions 自动化构建部署。
推送到 main 分支后会自动：
- 安装依赖并运行
npm run build - 上传构建产物到 GitHub Pages
- 自动发布到
https://brain9527.github.io/game_catalogue/
Actions 文件路径：
.github/workflows/deploy.yml
❤️ 一点心里话
我知道，很多人年轻时都经历过“想玩但买不起”的阶段。那种想体验世界、又被钱包限制的感觉，我也懂。 这个项目最初的目的，是为了让大家方便地查找和了解游戏信息，也提供了一些下载途径。
但我想说的是：下载不是目的，热爱才是。 如果你真的喜欢某款游戏，请在有能力时去支持正版。那不仅是尊重创作者的劳动，也是为自己的热爱买一张回程票。
希望这个平台能帮你发现更多喜欢的作品，同时也记得——我们都有机会让世界变得更正当一点。 如果你是开发者、发行方或版权方，发现有任何不当内容，请联系我，我会第一时间处理。 📩 联系邮箱：hduanxiang@gmail.com
MIT License © 2025 Brian