在线VS Code阅读源码神器 github1s

大家好,我是若川。github1s大部分人知道了,但还是有一部分不知道。我在掘金发过沸点和知乎发过想法还是有挺多人不知道,所以再发公众号推荐下。

点击下方卡片关注我、加个星标
学习源码整体架构系列、年度总结、JS基础系列


近日,一款域名为 github1s 开源项目诞生了,正如他的名字所说,只要在 github 地址上面加上 1s,就能秒级用在线 VS Code 打开 github 项目,这可以说为开发者带来了巨大的便利!!!

我们来看看这个项目打开后长什么样子~

以大家广为知道的 React 为例,只要将 github 替换成github1s

http://github.com/facebook/react

http://github1s.com/facebook/react

然后我们来谈谈这个项目的优缺点

优点

几乎拥有和本地 VS Code 一样的界面

在在线 VS Code 中打开,同样的款式同样的配方,这样阅读起来非常有亲切感,这种亲切感,可以更好地提高我们阅读代码的效率。

支持 VS Code 中的部分快捷键

能够 command + 单击 (window 应该是 ctrl + 单击)自动跳转到对应的函数。

支持 hover 后能够推导类型

支持代码收起和展开

这个功能对阅读源码非常有帮助,可以帮助我们收起一些不重要的函数,让我们摸清代码的主干。

支持代码在线比较

选中两个文件右键,就可以进行在线比较

一键下载单文件

对于 Github 站点上阅读整体目录不便的情况下,并且下载文件总是需要点击 Raw 再下载源文件,可以说这个功能方便太多了。(当然你也可以下载一些其他的插件)

缺点

不能点击文件跳转至其他文件

目前的版本中是无法直接点击引用文件自动打开其他文件

无法全局搜索

只有当我们打开了当前的文件,才会从当前打开的页面中进行全局搜索,没有打开的页面没办法全局搜索,这样对大型库的源码阅读还是造成了一定的影响。

技术探索

在 api 层面看到主要还是走了 github 的开放接口,这样有个问题就是我们国内用户,访问起来还是没法达到1s那么快,但是我的网络基本上3s初次渲染也完成了。

总结

带来了一定的便利,比纯用 github好用多了,也比 sourcegraph  插件使用起来体验更好!但是想要完全替代本地编辑器阅读源码,任然需要完善,例如上述说到的缺点。

综上源码阅读体验排名:

本地VS Code > Github1s > sourcegraph > Github站点

如果还有什么我没有发现的优缺点,欢迎留言中指出~


最近组建了一个江西人的前端交流群,如果你也是江西人可以加我微信 ruochuan12 拉你进群。


················· 若川出品 ·················

今日话题

昨天一个粉丝留言:每天兴致勃勃的打开链接, 发现都是广告, ....
然后取消了关注。我也挺理解TA的。关注的公众号多了,几乎每天都能看到广告。
9个前端交流群,1个江西前端交流群,2000左右的群友,4000左右的前端好友,9642个关注,可能还需要一个月到达万粉。但公众号阅读量也就只有500左右,也就是5%,我觉得不太正常。虽然平时会接一些广告,但也是我筛选过的算优质的广告,一般控制在一周不超过2次所以大家可以放心打开阅读,如果是广告不需要划走即可。欢迎分享、收藏、点赞、在看我的公众号文章~

一个愿景是帮助5年内前端人走向前列的公众号

可加我个人微信 ruochuan12,长期交流学习

推荐阅读

我在阿里招前端,我该怎么帮你?(现在还能加我进模拟面试群)

若川知乎问答:2年前端经验,做的项目没什么技术含量,怎么办?

点击方卡片关注我、加个星标
学习源码整体架构系列、年度总结、JS基础系列

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/275836.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

lenze变频器怎么更改地址_英威腾变频器GD300维修

英威腾变频器GD300维修英威腾变频器GD300维修41. 问题:变频器跟PLC采用485通讯不上答:1.检查变频器的通讯地址是否正确,如果采用通讯启动,检查P0.01是否为1,如果通过通讯设定频率,检查P0.068,P0…

代码设计的基础原则_设计原则:良好设计的基础

代码设计的基础原则As designers, it’s our goal to pass information in the most pleasing way possible. Starting out, there’s a wealth of literature to read and videos to watch that can get quite overwhelming to take in at a glance. People take different ro…

SQL根据细粒度为天的查询

当我们集成了一些前端框架,在某些展示页面上往往具有某些查询条件。而这其中日期查询的处理又较为麻烦,此处,我罗列了一种当前台上传了一种默认的date格式的日期查询数据至后台未经Controller或Service层处理直接在SQL中处理的一种方式——即…

企业生产经营相关英文及缩写之(11)--Genenic 普通书写

Genenic 普通书写 ASAP As soon as possible 尽早 BCC Blink Carbon Copy 无信头抄送,无信头副本 BR Best Regards 最诚致的问候 BTW By the way 顺便问一下 CC Carbon Copy …

java金额类型_Java中存储金额用什么数据类型?

很早之前, 记得一次面试, 面试官问存储金钱用什么数据类型? 当时只知道8种数据类型(boolean, byte, short, int, long, float, double, char)的我, 回答了double, 因为我觉得double是双精度类型, 最适合, 但是面试官告诉我应该用BigDecimal! 最近在做支付的项目, 才对这种数据…

信息技术与信息革命

信息资源管理学什么 围绕 信息这份战略资源,从信息资源的管理角度出发,以信息系统为主要研究对象, 研讨了信息系统规划,信息系统开发 信息系统的内容,信息系统安全以及信息资源管理中 涉及的法律法规 知识框架 信息技术…

React Hooks 不知道怎么学?看这篇

大家好,我是若川。最近跟朋友聊技术,发现越来越多的大厂,都优先考虑用 React 做项目,在面试中也经常会考察对 React Hooks 的理解。其实,我一直觉得,React 才是前端的正确打开方式。当然,并不是…

数字与企鹅的战争,看周红衣的高明之处

本文非原创,转自月光    360与QQ最近的一轮大战已经接近尾声,毫无疑问的是,360在这一轮对决中以胜利告终。这场战争持续了整整一个月零两天,先后经历了几次小小的高潮,最终周鸿祎祭出绝招,秒杀群雄&#…

ui原型设计工具_UI设计师的工具包,用于专业模型,原型和产品插图

ui原型设计工具This is a followup to my previous article 这是我上一篇文章的后续 visual tools for UX Designers视觉工具Tools don’t make designs better– you do! It doesn’t matter if you paid a lot of money for the latest software, or if you simply have a p…

java wsdl xfire_java调用wsdl xfire和cxf两种方式

xfire 如下:String spID "";String password "";String accessCode "";String content "";String mobileString "";String url "";String operateName "Submit";Object[] object newObject…

请求与响应

HTTP 请求与响应 HTTP 请求的组成的四部分: 1 动词 路径 协议/版本2 Key1: value12 Key2: value22 Key3: value32 Content-Type: application/x-www-form-urlencoded2 Host: www.baidu.com2 User-Agent: curl/7.54.034 要上传的数据 关于以上各部分内容的碎碎念&…

前端 Offer 提速:如何写出有亮点的简历

大家好,我是若川。今天推荐一篇8年工作经验字节大佬的文章,如何写出有亮点的简历。可以收藏常看。点击下方卡片关注我、加个星标。学习源码整体架构系列、年度总结、JS基础系列先来个灵魂拷问:「你与他人相比,有什么能形成明显区分…

2008中的membership profile操作(转)

<profile > <properties> <add name"jimmy" /> </< span>properties> </< span>profile> 然后就那么简单,后台就能通过Profile拿到: Profile.jimmy "Pumpkin Ravioli"; 然后~通过这种方式就跟Session一样&a…

css网格_一个CSS网格可以全部统治

css网格The case for using one CSS grid for your entire website在整个网站上使用一个CSS网格的情况 CSS网格与Flexbox (CSS Grid vs Flexbox) In the dark ages, we used table, a few years ago we used float and before today most of us used flex . Of course, these …

java 高级泛型_Java 泛型高级

1、限制泛型可用类型在定义泛型类别时&#xff0c;预设可以使用任何的类型来实例化泛型中的类型&#xff0c;但是如果想要限制使用泛型的类别时&#xff0c;只能用某个特定类型或者其子类型才能实例化该类型时&#xff0c;使用extends关键字指定这个类型必须是继承某个类&#…

做Web前端开发的你必须会这几点!

1、Web开发分类与区别 人们通常将Web分为前端和后端&#xff0c;前端相关的职位有前端设计师(UI/UE)&#xff0c;前端开发工程师&#xff0c;后端相关的有后端开发工程师。 2、技术栈区别 看各大招聘网站上&#xff0c;公司对前端开发工程师的要求莫过于精通HTML&#xff0c;CS…

PDA开发系列:GPS模块的调用

摘要在wince6.0中&#xff0c;要调用GPS模块&#xff0c;其实是一件很容易的事情。 正文在wince6.0中&#xff0c;如果要调用GPS模块&#xff0c;其实很简单&#xff0c;微软已经为我们做好了这一切&#xff0c;我们只需要在自己的解决方案中&#xff0c;添加对Microsoft.Windo…

2021 年最值得使用的 Node.js 框架

大家好&#xff0c;我是若川。今天推荐一篇译文&#xff1a;2021年最值得使用nodejs框架&#xff0c;值得收藏&#xff0c;很快能看完。点击下方卡片关注我、加个星标。学习源码整体架构系列、年度总结、JS基础系列Node.js 是最敏捷的服务端 web 应用平台&#xff0c;因为它为应…

面试被拒绝如何争取_争取反馈

面试被拒绝如何争取Let me start by saying that Dribbble is awesome. I’ve been a member of the Dribbble community for years. I swoon over the beautiful design I see throughout the site. Dribbble is among the most popular places to go for inspiration and whi…

highgui java opencv_java – OpenCV 3.0.0 JAR缺少HighGUI

我正在使用Java支持来编译OpenCV 3.0.0。我的脚本是&#xff1a;mkdir /opt/opencv /opt/opencv/opencv-buildcd /opt/opencvgit clone https://github.com/Itseez/opencv.gitcd /opt/opencv/opencv-buildexport OPENCV_INSTALL_PATH/opt/opencvexport FFMPEG_PATH/opt/ffmpeg/…