用VS Code直接浏览GitHub代码 | 12.1K星

新闻 前端
用开发工具看代码,不香吗?于是,它来了,它来了——可以直接用VS Code方式打开GitHub代码的工具。

本文经AI新媒体量子位(公众号ID:QbitAI)授权转载,转载请联系出处。

 “看GitHub代码”这件事上,还在网页上点点点?

用开发工具看代码,不香吗?

于是,它来了,它来了——可以直接用VS Code方式打开GitHub代码的工具。

用VS Code直接浏览GitHub代码 | 12.1K星

而且在短短几天时间里,这个项目已经获得了12.1k个star。

用VS Code直接浏览GitHub代码 | 12.1K星

不仅如此,网友们还基于此,还开发出了更多更方便快捷的版本。

用VS Code来看GitHub代码

这个项目叫做github1s,也正如其名,作者对其的解释是:

只需1秒,就可以用VS Code方式来看GitHub代码。

毕竟代码嘛,在“原汁原味”的环境下看,还是比较舒服的。

而且操作方式也是非常的简单,只需要在浏览器网址部分中的“github”后边,添加一个“1s”就可以了。

像这样:

用VS Code直接浏览GitHub代码 | 12.1K星

当然,项目也可以clone到本地来安装。

还有更多便捷方式

但除了在手动输入网址的方式外,有没有更快捷的操作?

这个可以有。

以Chrome为例,作者已经为此添加了扩展程序。

用VS Code直接浏览GitHub代码 | 12.1K星

在安装完毕后,只需要在GitHub项目页面右击,就会出现相应选项,一键即可转换成VS Code。

用VS Code直接浏览GitHub代码 | 12.1K星

除此之外,基于这个项目,还有人开发了更便于“一键转换”的小工具——surf.

用VS Code直接浏览GitHub代码 | 12.1K星

这个工具也是Chrome扩展程序,安装过后,便直接会在GitHub页面生成“Surf”按钮,点击即可转换为VS Code。

用VS Code直接浏览GitHub代码 | 12.1K星

除此之外,和VS Code一样,surf. 也支持命令行的方式:

  1. # === install the cli === 
  2.  
  3. npm -g install @bridged.xyz/surf 
  4.  
  5. # or with yarn 
  6.  
  7. yarn global add @bridged.xyz/surf 
  8.  
  9. # and surf ! 
  10.  
  11. surf . 
用VS Code直接浏览GitHub代码 | 12.1K星

传送门

最后,奉上项目地址。

github1s项目地址:
https://github.com/conwnet/github1s

surf.项目地址:
https://github.com/surfcodes/surf

 

 

责任编辑:张燕妮 来源: 量子位
相关推荐

2021-02-23 12:30:21

VS CodeGithub代码

2018-09-12 15:11:35

微软GitHub开发者

2022-03-11 08:32:53

C代码代码编辑vscode

2023-04-25 13:57:00

GitHubVS Code

2023-04-17 07:49:34

2024-02-19 00:12:50

AI代码

2023-08-14 07:58:50

GitHubMetaGPT人工智能

2020-08-31 15:26:44

开发技能代码

2020-05-07 12:00:13

GitHubIDE浏览器

2022-03-03 20:57:53

代码编辑器VS code

2020-03-13 10:18:43

GitHub 技术开源

2021-04-09 16:25:00

GitHub代码开发者

2021-10-21 05:57:33

网盘开源云盘系统

2021-06-30 15:05:15

VS Code程序员编程

2012-05-07 14:11:30

Delphi

2020-12-25 09:07:38

EclipseCode工具

2022-07-11 09:39:49

微软后端服务远程开发

2021-06-14 07:28:55

Edge开发工具浏览器

2024-05-21 13:06:02

2010-01-27 09:43:32

Chrome浏览器
点赞
收藏

51CTO技术栈公众号