1分钟将 vscode 撸成小霸王

高级前端进阶

共 1145字,需浏览 3分钟

 ·

2020-11-03 16:53

今天给大家分享一下自己最近撸的一款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,瓶子君都会在第二天解答哟!
另外,每周还有手写源码题,瓶子君也会解答哟!
》》面试官也在看的算法资料《《
“在看和转发”就是最大的支持
浏览 22
点赞
评论
收藏
分享

手机扫一扫分享

分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

分享
举报