卧槽!我居然把 VSCode 整成了小霸王游戏机??_vscode 游戏插件

作者:gamedilong

今天给大家分享一下自己最近撸的一款 vscode 游戏插件,基于 vscode 的休闲放松利器。

前言

开始会先介绍该插件的安装使用方式,然后简单介绍下主要的开发步骤。

安装&运行
  • 安装和其他的 vscode 插件一样,直接在插件市场搜索 ‘小霸王’ 点击安装即可。卧槽!我居然把 VSCode 整成了小霸王游戏机??_vscode 游戏插件_02
  • 安装完成后,再 vsocde 左侧左侧面板会有插件入口,点击即可进入游戏列表界面卧槽!我居然把 VSCode 整成了小霸王游戏机??_vscode 游戏插件_03
  • 点击 local 里面的游戏图标即可运行,启动游戏卧槽!我居然把 VSCode 整成了小霸王游戏机??_vscode 游戏插件_04
  • remote 部分是远程资源,右键想要玩的游戏然后点击 download 下载,下载完毕后会到 local 列表,点击即可运行。
  • local 可以点击添加按钮加载本地资源,remote 上有 refresh 同步最新的游戏资源列表。
  • 游戏主界面切换模式按钮会将画面切换为黑白,方便大家上班时更低调的畅玩。
本插件的主要开发步骤
  1. 第一步也是最核心的一步,选择一款 js 的 nes 游戏模拟器。本插件用的是 bfirsh 的 jsnes 支持绝大多数的 游戏 rom github.com/bfirsh/jsne…[1]
  2. 新建两个 vscode 的树结构,一个负责展示本地列表,一个负责展示远程资源。
  3. 新建一个远程资源 github 仓库负责维护远程游戏列表,有新的游戏更新时直接更新 git 仓库。本地 refresh 即可。
下载不成功问题 很多同学反馈 remote 里面下载不成功(原因今天下载量有点大,使用的第三方资源下载挂掉了),目前已经切换了新的 remote 资源,点击 remote 上的刷新按钮等待从新加载列表即可。(临时方案,可能这个也会挂掉,后期考虑单独弄个 cdn 放 nes 资源)