1分钟将 vscode 撸成小霸王

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

来源：gamedilong

https://juejin.im/post/6882576431503638536

前言

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

安装&运行

• 安装和其他的vscode插件一样，直接在插件市场搜索 ‘小霸王’ 点击安装即可。

• 安装完成后，再vsocde左侧左侧面板会有插件入口，点击即可进入游戏列表界面

• 点击local里面的游戏图标即可运行，启动游戏

• remote部分是远程资源，右键想要玩的游戏然后点击download下载，下载完毕后会到local列表，点击即可运行。

• local可以点击添加按钮加载本地资源，remote上有refresh同步最新的游戏资源列表。

• 游戏主界面切换模式按钮会将画面切换为黑白，方便大家上班时更低调的畅玩。

本插件的主要开发步骤

1. 第一步也是最核心的一步，选择一款js的nes游戏模拟器。本插件用的是bfirsh的jsnes支持绝大多数的 游戏rom https://github.com/bfirsh/jsnes

2. 新建两个 vscode 的树结构，一个负责展示本地列表，一个负责展示远程资源。

3. 新建一个远程资源 github 仓库负责维护远程游戏列表，有新的游戏更新时直接更新 git 仓库。本地 refresh 即可。

下载不成功问题

1. 很多同学反馈 remote 里面下载不成功（原因今天下载量有点大，使用的第三方资源下载挂掉了），目前已经切换了新的remote资源，点击remote上的刷新按钮等待从新加载列表即可。（临时方案，可能这个也会挂掉，后期考虑单独弄个cdn放nes资源)

2. 有其他问题，也可以加qq群858843908号一起交流讨论。

反馈

这个插件是一个很初始版如果发现了任何的bug或者有任何建议, 请提交 issues to 到 GitHub Repo ：https://github.com/gamedilong/anes-repository，或者可以直接邮件到 1104238614@qq.com.

最后
欢迎关注「前端瓶子君」，回复「交流」加入前端交流群！
回复「算法」，你可以每天学习一道大厂算法编程题（阿里、腾讯、百度、字节等等）或 leetcode，瓶子君都会在第二天解答哟！
另外，每周还有手写源码题，瓶子君也会解答哟！
》》面试官也在看的算法资料《《
“在看和转发”就是最大的支持