最近闲着没事，就想着搞个游戏盒子玩玩。毕竟现在游戏平台太多，Steam、Epic、GOG……每次找游戏都得翻半天，忒麻烦！我就动手搞起来！
我啥也不懂，就到处瞎搜。看到网上有人说用 Electron，我就跟着学。这玩意儿说白就是用网页技术做桌面应用，对我这个半吊子前端来说还算友
折腾环境
第一步，当然是搭环境。下个 *，又装 VS Code，然后就开始敲代码。Electron 的文档还算详细，照着例子敲，很快一个空白窗口就出来。那感觉，就像自己盖个毛坯房，哈哈！
设计“毛坯房”
就是“装修”。我想要个啥样的界面？左边是游戏列表，右边显示游戏详情，顶部再来个搜索框，差不多就这样！
小编温馨提醒：本站只提供游戏介绍，下载游戏推荐89游戏，89游戏提供真人恋爱/绅士游戏/3A单机游戏大全，点我立即前往》》》绅士游戏下载专区
我用 HTML 和 CSS 一点点把界面搭起来。这部分花不少时间，因为我对前端布局实在不熟，经常调来调去，看着别扭。不过总算弄出个能看的“样子”。
“填充”内容
界面有，接下来就是把游戏信息“填”进去。我一开始想的是，直接去各个平台爬数据。但这玩意儿涉及版权问题，而且人家网站结构变，我的爬虫就得跟着改，太麻烦！
后来我想个“笨”办法：手动添加！把自己常玩的游戏一个个加进去，包括游戏名称、封面图、简介等等。虽然累点，但至少数据掌握在自己手里，不用担心哪天网站挂，我的游戏盒子就“空”。
为方便管理这些数据，我用个叫 JSON 的东西。这玩意儿就像一个表格，把游戏信息一条条存进去，用的时候再读出来。挺方便的！
让“盒子”动起来
我的游戏盒子已经能显示游戏列表。但是，点击游戏没反应！这可不行！
我又开始折腾 JavaScript。这玩意儿就是让网页“动”起来的魔法。我给每个游戏列表项加个“点击事件”，点击后，右边就显示对应的游戏详情。
我还加个搜索框，输入关键字，就能快速找到想玩的游戏。这功能实现起来也不难，就是把输入的关键字和游戏名称比对一下，匹配的就显示出来。
持续“升级”
目前，我的游戏盒子基本功能都有。但作为一个“有追求”的玩家，我还想给它加点“高级”功能。
- 自动更新： 能不能让盒子自动检查游戏更新，并提示我下载？
- 云同步： 我在不同电脑上玩游戏，能不能让游戏进度同步？
- 成就系统： 像 Steam 那样，搞个成就系统，玩起来更有动力！
这些功能，我还在慢慢研究。有些可能需要用到后端技术，我还在学。不过我相信，只要肯折腾，总能把我的游戏盒子“升级”成我想要的样子！
这回折腾游戏盒子，虽然过程有点曲折，但还是挺有成就感的。从一个啥也不懂的小白，到现在能做出一个能用的“玩具”，感觉自己又进步一点点。以后有啥新进展，我再来跟大家分享！
