GitHub Web 编辑器:浏览器中的免费 VSCode

2025-06-05

GitHub Web 编辑器:浏览器中的免费 VSCode

一款基于 VSCode 的轻量级代码编辑器,可通过浏览器访问,而且完全免费。听起来好得令人难以置信?但这次并非如此。

简介

正如我上周发布的有关 Codespaces 的文章/视频中所承诺的那样(如果您还没有看过,请查看),今天我们来讨论 GitHub 与 Codespaces 一起发布的一项很棒的新功能。

我指的是全新的Web 编辑器体验,可以直接从你的代码库访问。最棒的是?它完全免费,每个人都可以使用!

视频

与往常一样,如果您是视觉学习者,或者只是喜欢观看和聆听而不是阅读,那么这里有包含完整解释和演示的视频,公平地说,它比这篇文章完整得多。

视频链接:https://youtu.be/UDbdChCXIKw

如果你更喜欢阅读,那么...我们就继续吧:)

它是什么?

新的 Web 编辑器是一个基于VSCode 的轻量级代码编辑器。它与 Codespaces 类似,但没有任何计算支持;实际上,它完全由浏览器驱动

这意味着它比 Codespaces 有一些局限性,我们稍后会看到,但另一方面,它的加载速度非常快,导航也非常快捷。它非常适合在笔记本电脑上无需 IDE 的情况下对代码进行小幅修改。

如何访问

目前有两种方式可以访问新的 Web 编辑器:

  • 直接通过 URL - 只需在您想要处理的 repo 中在浏览器中更改github.comgithub.dev
  • 通过键盘.-在 repo 中按下键盘上的句号按钮

工作原理

好了,现在来看看实际效果。图片比文字好1000倍,可以看看这个:

演示从1 分 50 秒开始

结论

请在下方评论区分享你对这款新版网页编辑器的看法。它目前仍处于测试阶段,所以可能会添加一些功能,但我认为它真的很酷!

我很快会发布另一篇文章/视频,对 Codespaces 和这个 Web 编辑器进行一点一点的比较,所以如果您不想错过,请考虑关注我或订阅我。

另外,请查看此视频,我在其中讨论了现已推出 GA 的 Codespaces 新功能。

喜欢、分享并关注我🚀以获取更多内容:

📽 YouTube
给我买杯咖啡
💖 Patreon
🌐 CoderDave.io 网站
👕周边商品
👦🏻 Facebook 页面
🐱‍💻 GitHub
👲🏻 Twitter
👴🏻 LinkedIn
🔉 播

给我买杯咖啡

文章来源:https://dev.to/github/vscode-in-the-browser-for-free-github-web-editor-k4h
PREV
GitHub 操作和工作流程之间有什么区别?
NEXT
GitHub Actions 中的 GITHUB_TOKEN:工作原理、更改权限、自定义