阅前须知

须知1：本文所有的图片单击都可查看清晰大图
须知2：本文所介绍的扩展运行环境为电脑浏览器^{【扩展在浏览器内工作】}
须知3：对扩展不了解或安装浏览器扩展过程中有任何问题可参考这篇文章【点击跳转】

功能介绍

GitHub Web IDE 是一个可以让你在网页上浏览和编辑 GitHub 仓库的源代码的浏览器扩展，不需要下载或安装任何软件，它的功能有：

1：在 GitHub 仓库页面上添加一个下拉菜单，提供多个在线服务的链接，如 GitHub Dev、VSCode Dev、CodeSandbox等，这些服务可以让你在类似 IDE 的界面中查看和修改代码

2：支持使用 github.dev 基于 web 的编辑器，它是一个轻量级的 VS Code 编辑器，可以直接在浏览器中打开 GitHub 仓库，并且支持一些专门为 web 而设计的 VS Code 扩展

扩展优点如下：

• 省时省力，无需配置环境或安装依赖，只需一键打开在线编辑器，就可以开始编码
• 方便协作，可以快速分享在线编辑器的链接给其他人，或者直接在 GitHub 上提交修改
• 适应多种场景，无论是学习、测试、调试、演示还是部署，都可以在浏览器中完成

使用方法

第一步：浏览器安装 Smart TOC 扩展

PS_ONE：安装扩展过程中遇到一切问题可参考文章【点击跳转】解决

第二步：打开 GitHub 项目点击【Open In Web IDE】按钮在线IDE查看与编辑仓库代码

动图演示：

第三步：克隆项目到VSCode编辑器内

扩展下载

• 为防盗链，下载密码请扫描下方二维码关注【渣师兄】公众号回复【验证】获取
• 当正确输入下载密码后页面会重新刷新，再次滑动到该位置即可下载！

君子协议

如果以上内容对您有些许帮助，请您将它分享给身边更多需要的人，或是益友、或是同学、或是知己、或是学姐学弟，总之赠人玫瑰，手有余香，我是土豆，咱们有缘再见.

🫛点击办理低月租超大流量卡，且成功办理返50元微信红包

🌵关注微信公众号 渣师兄 回复「渣学」获得超 5T 新生见面礼！

🌴无偿找站长帮忙请加VX：「zhaxueit」

🌿免费进每日资源分享群(坑位有限)也请 VX：「zhaxueit」 并备注「进群」