在网页端使用 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 的所有强大的代码编辑功能,它尤其有用。 有关