# electron-steam

**Repository Path**: feng--hang/electron-steam

## Basic Information

- **Project Name**: electron-steam
- **Description**: 这是一个使用 Vite + React + Electron 的桌面前端演示项目，使用cursor搭建，可以参考学习
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-03-25
- **Last Updated**: 2026-03-26

## Categories & Tags

**Categories**: Uncategorized

**Tags**: React, Electron

## README

# electron-steam（Steam-like 客户端界面 Mock）

这是一个使用 **Vite + React + Electron** 的桌面前端演示项目，使用cursor搭建，可以参考学习

当前所有“商店/库/社区/好友/账号/购买/点赞”都使用 **Mock 数据** 实现，不会连接真实 Steam 账号或支付服务。

项目在线预览地址：https://ca29b872.pinit.eth.limo

## 环境要求

- Node.js 版本建议：16+
- 包管理器：npm / yarn 二选一

## 安装

```bash
npm install
# 或
yarn
```

## 开发/运行

```bash
npm run dev
```

该脚本会同时启动：

- `vite`（renderer 前端）
- `electron`（桌面壳）

## 构建

```bash
npm run build
```

构建结果会输出到 `dist/`。

## 项目结构（简要）

- `renderer/`：React 前端代码（本项目实际入口是 `renderer/src/main.jsx`）
- `electron/`：Electron 主进程与预加载脚本

## 当前功能概览（Mock）

- 顶部导航：商店 / 社区 / 库 / 好友
- 商店：分类 + 搜索 + 折扣/评分/标签 + 加入购物车 + 加入愿望单（♥）
- 库：左侧库分类（全部/最近玩过/已安装）+ 主区横向滚动行（类似 Steam 的“继续游玩/最近玩过”布局）
- 社区：帖子列表、发布、点赞（前端 Mock）
- 好友：好友列表与详情（前端 Mock）
- 账号：Mock 登录/退出与愿望单/库概览
- 购物车：抽屉式结算（前端 Mock）