VS Code 变身小霸王游戏机!

你好,我是 EarlGrey,一名双语学习者,会一点编程,目前已翻译出版《Python 无师自通》、《Python 并行编程手册》等书籍。

点击上方蓝字关注我,在后台回复“books”,即可领取超值优质电子书合集。

来自公众号:玩转VS Code

今天,就要给大家一款摸鱼神器,把 VS Code 变身小霸王游戏机!

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

在安装好“小霸王”插件后,在左侧活动栏可以看到一个小霸王游戏机的图标,点击就能显示出小霸王的游戏列表。在 Remote 列表中,就可以把游戏下载到本地了!

0b2cef7d19110809249039f743413bf6.jpeg

在 Local 列表中,单击选择你想玩的游戏,开始自由飞翔吧!

(友情提示:玩的时候,记得打开一些代码文件,方便快速切换,摸鱼不被发现!)

6cf94985b92be056bb52eef1d29e2728.jpeg

除了默认已经下载的超级马里奥,还有大量游戏等你玩!满满的童年回忆啊!

坦克大战

0dace162e98997ce28881ba9f7f89f0b.jpeg

马戏团

322e5b9cb8bec5744b8926c711f0323c.jpeg

魂斗罗外传

e2b90b159e827889884b0b33559cb320.jpeg

超时空要塞

3d15c0a767de3012c88b4cb2e84a2318.jpeg

淘金者

bf136cf4da3f6b70dae5bedbf01bb294.jpeg

双截龙

030f547715d72d7f67abe681056de603.jpeg

1942

fa789c59441700cf0e0ac51b6b4d7fb9.jpeg

上面的这些游戏,你都玩过了吗?

那么,你也许会有疑问了?这么棒的插件是如何做到的呢?

想必大家都知道,VS Code 是基于 Electron 开发的。虽然 VS Code 插件并没有 DOM access 的能力,但在编辑区域,VS Code 开放了 Web View API。通过基于 JavaScript 的 NES 游戏模拟器(https://github.com/bfirsh/jsnes),就可以把小霸王游戏运行在 VS Code 编辑区域的 Web View 中啦!

插件原作者也提供了游戏资源的 ROM 仓库,大家有其它好的游戏,也可以多多推荐:

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

***

我创建了一个同名知识星球,目前会在星球内连载发布国外名家的文章和书籍,近期已更新了《埃里克叔叔谈个人成功的模型》前3章。星球和公众号内的所有翻译文章,均为个人学习使用,请勿用于商业用途。

550be1e0fd4d4c0cc1fbc5cae37ba1f8.jpeg

后面我还会陆续增加其他内容和服务,欢迎大家监督和关注。

往期推荐:

有了它,再也不存在信息差了

做读书笔记时的一个高效小技巧

普通人创业必读的第一本书

早起,比熬夜更可怕

做读书笔记时的一个高效小技巧


                                           分享、在看、点赞,3连e4c5096c836e8921f4752ce0b9d451ff.gif

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Visual Studio Code (VS Code) 是一个非常流行的开源代码编辑器,支持多种编程语言,具有丰富的扩展和强大的定制功能。如果你想在 VS Code 中创建头部框架,通常指的是设置一个标准的代码结构或文件模板,这里是一个简单的步骤: 1. **安装并打开VS Code**: 打开浏览器访问https://code.visualstudio.com/,下载适合你的操作系统的版本并安装。完成后,双击图标启动。 2. **创建新项目或打开现有项目**: 在欢迎界面,点击 "文件" -> "新建文件夹" 或者 "打开文件夹",选择你想创建项目的文件夹。 3. **设置项目结构**: 根据你项目的类型(如前端、后端、移动应用等),创建相应的目录结构。例如,一个基本的前端项目可能会有 `src`、`public` 和 `package.json` 文件夹。 4. **创建文件模板**: - 右键点击 `src` 目录,选择 "新建文件",然后输入文件名,比如 `.gitignore`、`.eslintrc.js` 或者 `index.html`。你可以直接编写或从网上复制一份基本的文件模板。 - 对于代码文件,比如 `main.ts` 或 `app.js`,也可以使用代码片段或自定义模板。VS Code 有一个内置的 "Live Snippets" 功能,或者你可以安装像 "Prettier - Code formatter" 这样的插件来格式化模板。 5. **设置文件头部框架**: - 选中你想要添加头部框架的文件,右键点击,选择 "预览" -> "插入代码片段" 或者 "插入模板",根据插件提供的选项选择合适的模板。很多模板已经包含了常见的头部信息,如导入语句、版权信息和注释。 - 如果没有现成的模板,你可以手动添加所需的头部框架,例如版权声明、版权声明、注释行等。 6. **保存文件**: 确认文件头部框架已设置正确后,保存文件。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值