在网页端使用 VS Code 编辑 GitHub 项目

Matrix 首页推荐

Matrix 是少数派的写作社区，我们主张分享真实的产品体验，有实用价值的经验与思考。我们会不定期挑选 Matrix 最优质的文章，展示来自用户的最真实的体验和观点。

文章代表作者个人观点，少数派仅对标题和排版略作修改。

GitHub ，全球最大的代码托管平台。即使你不是程序员，你也可能会使用 GitHub 来下载软件、反馈问题、建立个人博客等。

虽然 GitHub 本身可以直接在网页端进行新建、编辑文件的操作。但是每次只能编辑一个文件，使用体验也说不上太好。虽然有代码高亮、支持多行编辑等功能。但是距离一个好的文本编辑器还有一些距离。比如不支持 vim 模式、不小心关闭窗口后编辑的内容就会丢失。

而想要获得一个好的编辑环境，是一件比较麻烦的事情。你需要安装 Git 、安装文本编辑器以及进行各种配置。这些困难使得我们从使用一台新设备，到上手编辑代码之间需要花费很多时间。

要如何在网页端实现一个优秀的编辑体验呢？之前有很多人介绍过的 GitHub1s 项目提供了一个实现思路。

通常我在网页端查看代码时，会用到 github1s 这个项目。这个项目可以通过在项目 URL 的 GitHub 后面 +1s 来快速打开在线版的 VS Code。

但是这种方式打开的 VS Code 只能用于阅读源码不支持编辑功能，并且不能添加扩展。那么有没有一种方式可以直接编辑代码、支持添加扩展呢？答案是有的，而且这还是 GitHub 官方推出的功能： GitHub.dev 项目。

在任何存储库或拉取请求上按 . 键，或者将 URL 中的 .com 替换为 .dev，以直接进入浏览器中的 VS Code 环境。

这是一种编辑和导航代码的快捷方式。 如果您想一次编辑多个文件或在进行快速更改时利用 Visual Studio Code 的所有强大的代码编辑功能，它尤其有用。 有关