今天給大家分享一下自己最近擼的一款vscode游戲插件，基于vscode的休閑放松利器。

來源：gamedilong

https://juejin.im/post/6882576431503638536

前言

開始會(huì)先介紹該插件的安裝使用方式，然后簡(jiǎn)單介紹下主要的開發(fā)步驟。

安裝&運(yùn)行

• 安裝和其他的vscode插件一樣，直接在插件市場(chǎng)搜索 ‘小霸王’ 點(diǎn)擊安裝即可。
• 安裝完成后，再vsocde左側(cè)左側(cè)面板會(huì)有插件入口，點(diǎn)擊即可進(jìn)入游戲列表界面
• 點(diǎn)擊local里面的游戲圖標(biāo)即可運(yùn)行，啟動(dòng)游戲
• remote部分是遠(yuǎn)程資源，右鍵想要玩的游戲然后點(diǎn)擊download下載，下載完畢后會(huì)到local列表，點(diǎn)擊即可運(yùn)行。
• local可以點(diǎn)擊添加按鈕加載本地資源，remote上有refresh同步最新的游戲資源列表。
• 游戲主界面切換模式按鈕會(huì)將畫面切換為黑白，方便大家上班時(shí)更低調(diào)的暢玩。

本插件的主要開發(fā)步驟

1. 第一步也是最核心的一步，選擇一款js的nes游戲模擬器。本插件用的是bfirsh的jsnes支持絕大多數(shù)的 游戲rom https://github.com/bfirsh/jsnes
2. 新建兩個(gè) vscode 的樹結(jié)構(gòu)，一個(gè)負(fù)責(zé)展示本地列表，一個(gè)負(fù)責(zé)展示遠(yuǎn)程資源。
3. 新建一個(gè)遠(yuǎn)程資源 github 倉(cāng)庫負(fù)責(zé)維護(hù)遠(yuǎn)程游戲列表，有新的游戲更新時(shí)直接更新 git 倉(cāng)庫。本地 refresh 即可。

下載不成功問題

1. 很多同學(xué)反饋 remote 里面下載不成功（原因今天下載量有點(diǎn)大，使用的第三方資源下載掛掉了），目前已經(jīng)切換了新的remote資源，點(diǎn)擊remote上的刷新按鈕等待從新加載列表即可。（臨時(shí)方案，可能這個(gè)也會(huì)掛掉，后期考慮單獨(dú)弄個(gè)cdn放nes資源)
2. 有其他問題，也可以加qq群858843908號(hào)一起交流討論。

反饋

這個(gè)插件是一個(gè)很初始版如果發(fā)現(xiàn)了任何的bug或者有任何建議, 請(qǐng)?zhí)峤?issues to 到 GitHub Repo ：https://github.com/gamedilong/anes-repository，或者可以直接郵件到 [email protected].