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

前言

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

安裝&運(yùn)行

• 安裝和其他的 vscode 插件一樣，直接在插件市場搜索 ‘小霸王’ 點(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 github.com/bfirsh/jsne…^[1]

2. 新建兩個(gè) vscode 的樹結(jié)構(gòu)，一個(gè)負(fù)責(zé)展示本地列表，一個(gè)負(fù)責(zé)展示遠(yuǎn)程資源。

3. 新建一個(gè)遠(yuǎn)程資源 github 倉庫負(fù)責(zé)維護(hù)遠(yuǎn)程游戲列表，有新的游戲更新時(shí)直接更新 git 倉庫。本地 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?github.com/gamedilong/…^[2]. 或者可以直接郵件到?[email protected]^[3].

參考資料