天天看點

VS Code 變身小霸王遊戲機!

在韓老師的《Visual Studio Code 權威指南》一書中,我向大家推薦了許多好用的插件,其中也不乏許多摸魚插件,刷知乎、炒股票、看電影、聽音樂、追番、看小說,一應俱全。

今天,就要給大家一款摸魚神器,把 VS Code 變身小霸王遊戲機!

VS Code 變身小霸王遊戲機!

https://marketplace.visualstudio.com/items?itemName=gamedilong.anes 

在安裝好“小霸王”插件後,在左側活動欄可以看到一個小霸王遊戲機的圖示,點選就能顯示出小霸王的遊戲清單。在 Remote 清單中,就可以把遊戲下載下傳到本地了!

VS Code 變身小霸王遊戲機!

在 Local 清單中,單擊選擇你想玩的遊戲,開始自由飛翔吧!

(友情提示:玩的時候,記得打開一些代碼檔案,友善快速切換,摸魚不被發現!)

VS Code 變身小霸王遊戲機!

除了預設已經下載下傳的超級馬裡奧,還有大量遊戲等你玩!滿滿的童年回憶啊!

坦克大戰

VS Code 變身小霸王遊戲機!

馬戲團

VS Code 變身小霸王遊戲機!

魂鬥羅外傳

VS Code 變身小霸王遊戲機!

逾時空要塞

VS Code 變身小霸王遊戲機!

淘金者

VS Code 變身小霸王遊戲機!

雙截龍

VS Code 變身小霸王遊戲機!

1942

VS Code 變身小霸王遊戲機!

上面的這些遊戲,你都玩過了嗎?

那麼,你也許會有疑問了?這麼棒的插件是如何做到的呢?

想必大家都知道,VS Code 是基于 Electron 開發的。雖然 VS Code 插件并沒有 DOM access 的能力,但在編輯區域,VS Code 開放了 Web View API。通過基于 JavaScript 的 NES 遊戲模拟器(bfirsh/jsnes),就可以把小霸王遊戲運作在 VS Code 編輯區域的 Web View 中啦!

插件原作者也提供了遊戲資源的 ROM 倉庫,大家有其它好的遊戲,也可以多多推薦:

https://github.com/gamedilong/anes-repository

好了~ 今天韓老師的插件推薦就結束啦~ 想要了解更多優秀的 VS Code 插件,歡迎來看 VS Code 黑寶書!其實,除了摸魚,VS Code 還能寫代碼!

現在想來,怪不得在繁體版的 VS Code 黑寶書中,把 VS Code 稱為“王的編輯器”。