github-VScode在线web编辑器-github.dev

github在线web编辑器-github.dev

内容来源于githubdev官方文档

1. github-dev 简介

github 提供了beta版的web编辑器github.dev, 引入了一种完全在浏览器中运行的轻量级编辑体验。不过必须登录到GitHub.com才能使用github.dev编辑器。通过github.dev编辑器，你可以从GitHub浏览文件和源代码库，并进行和提交代码修改。你可以在编辑器中打开任何储存库、分叉或拉动请求。

github.dev编辑器在GitHub.com上向所有人免费提供。github.dev编辑器提供了Visual Studio Code的许多好处，如搜索、语法高亮和源控制视图。你也可以使用 "设置同步 "来与编辑器同步你自己的VS Code设置。

github.dev编辑器完全在浏览器的沙盒中运行。编辑器并不克隆仓库，而是使用GitHub Repositories扩展来实现你将使用的大部分功能。注意：在你提交之前，你的工作都保存在浏览器的本地存储中，你应该定期提交你的修改，以确保它们总是可以被访问。

当你打开一个github仓库网页的dev编辑时，直接退出在线编辑器后，你所新加的任何change都会被浏览器保留，但不会自动推送到仓库，需要及时的在dev的web-vscode环境中push或者放弃更改。

2. github-dev 打开方式

官方提供了四种进入dev-web的方法：

• 要在同一个浏览器标签页中打开该仓库，在浏览 GitHub 上的任何仓库或pull请求时按键盘上的 . 键（句号键）

• 要在新的浏览器标签页中打开该仓库，按 > 键（shift+句号键）

• 直接在浏览器地址栏将将URL从 "github.com/.... "改为 "github.dev/...."

• 在github查看仓库具体某个文件时，点击修改小铅笔旁边的下拉菜单并选择在github.dev中打开

  

  202301242029872

3. 后续正常使用Vscode

进入github-dev之后就是一个简化web版的vscode编辑器(大部分人对它应该不陌生), 你可以按需安装扩展，编辑文件等等，然后使用vscode自带的git管理器直接进行版本管理即可，详细信息请继续参照githubdev官方文档