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

前言

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

安裝&運(yùn)行

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

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

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

下載不成功問題

1. 很多同學(xué)反饋 remote 里面下載不成功（原因今天下載量有點(diǎn)大，使用的第三方資源下載掛掉了），目前已經(jīng)切換了新的remote資源，點(diǎn)擊remote上的刷新按鈕等待從新加載列表即可。（臨時方案，可能這個也會掛掉，后期考慮單獨(dú)弄個cdn放nes資源)