大家好,我是若川。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基础系列

在线VS Code阅读源码神器 github1s相关推荐

  1. 关于我如何阅读源码这件事...

    点击上方"3D视觉工坊",选择"星标" 干货第一时间送达 来源丨Oldpan博客 编辑丨极市平台 导读 阅读大厂的源码进行模仿和魔改其实是学习代码和规范自己的书 ...

  2. 在线微信对话生成器源码 装逼神器

    在线微信对话生成器源码,抖音微信聊天搞笑视频制作神器 微信对话生成器,是一款在线微信聊天对话制作的工具,它可以设置苹果或安卓状态栏,包括手机电量.手机时间等,还可以设置不同用户的角色,然后发送文字.语 ...

  3. 2022在线微信对话生成器源码,抖音微信聊天搞笑视频制作神器

    在线微信对话生成器源码,抖音微信聊天搞笑视频制作神器 微信对话生成器,是一款在线微信聊天对话制作的工具,它可以设置苹果或安卓状态栏,包括手机电量.手机时间等,还可以设置不同用户的角色,然后发送文字.语 ...

  4. 如何在 GitHub 上高效阅读源码?

    原文链接: 如何在 GitHub 上高效阅读源码? 之前听说过一个故事,一个领导为了提高团队战斗力,把团队成员集中起来,搞封闭开发,重点还是在没有网的条件下. 结果就是一个月过去了,产出基本为零. 我 ...

  5. 源码面前没有秘密,推荐 9 个带你阅读源码的开源项目

    在文章开始之前,请各位先回忆下在日常开发过程中,都使用或依赖了哪些开源项目?是不是发现,开源项目已经完全融入到日常开发! 如今大多数的程序员技术栈和工具箱里,或多或少都有开源项目的身影:大到操作系统. ...

  6. 如何阅读源码--以Vetur为例

    作者: 范文杰 Tecvan 原文链接:https://mp.weixin.qq.com/s/wD4ERrDIPLweLvNalC8h4A 我很早就意识到,能熟练.高效阅读开源前端框架源码是成为一个高 ...

  7. 如何阅读源码 —— 以 Vetur 为例

    全文近万字...来都来了,点个赞再走吧 点击上方 程序员成长指北,关注公众号 回复1,加入高级Node交流群 我很早就意识到,能熟练.高效阅读开源前端框架源码是成为一个高级前端工程师必须具备的基本技能 ...

  8. 起飞,会了这4个 Intellij IDEA 调试魔法,阅读源码都简单了

    前言 上一篇文章 IntelliJ IDEA 高级调试之Stream Trace 算是 IntelliJ IDEA 高级调试技巧的开胃菜,很多小伙伴被这个小技巧征服.趁热打铁,今天给大家带来几个我日常 ...

  9. 学会阅读源码后,我觉得自己better了

    我有一个大学同学,名叫石磊,我在之前的文章里提到过几次,我们俩合作过很多项目.只要有他在,我就特别放心,因为几乎所有难搞的问题,到他这,都能够巧妙地化解.他给我印象最深刻的一句话就是,"有啥 ...

最新文章

  1. 机器学习近年来之怪现象
  2. SCOM2016 安装OS或应用管理包
  3. 将调试信息同时输出到终端和文件_暨_多参数函数封装
  4. mysql远程连接oracle数据库服务器配置_远程访问oracle数据库
  5. linux lynx 源码,Lynx字符浏览器移植
  6. warning: ISO C++ forbids converting a string constant to ‘char*‘ [-Wwrite-strings]
  7. 配置linux服务器做简单的路由器
  8. LeetCode 2171. 拿出最少数目的魔法豆(排序)
  9. 【Java】数组的注意事项
  10. jQuery环境搭建
  11. 推荐系统学习(二)基于用户/物品的协同过滤算法(User-CF / Item-CF)
  12. VS Code 终端窗口无法输入命令的解决方案
  13. .net C# Treeview的Node拖动,Node节点上下移动
  14. 使用360文件粉碎机卸载北信源软件
  15. python使用作为转义符的开始符号_python转义符的使用
  16. XP下免U盘安装Ubuntu 18.04(持续更新遇到的问题,20200422更新)
  17. html图片绝对地址相对地址,HTML中background的图片地址是相对地址吗?
  18. 厦大C语言上机 1413 模式匹配
  19. 歌单详情内容-图标列表 (音乐app项目-第7步)
  20. 什么是土壤电阻率,它如何影响防雷接地

热门文章

  1. 第4章 Python 数字图像处理(DIP) - 频率域滤波11 - 使用高通滤波器锐化图像
  2. 第3章 Python 数字图像处理(DIP) - 灰度变换与空间滤波6 - 分段线性变换 - 比特平面分层
  3. 如何将MATLAB程序发布为独立的不依赖MATLAB环境可执行的程序包(基于Matlab R2015b版 )
  4. 架构-浅谈MySQL数据库优化
  5. Zookeeper:fsync超时导致实例异常
  6. [转]Java反射机制详解
  7. vue-cli 3.0安装和使用
  8. 隐藏与禁用硬盘分区——利用工具或注册表
  9. 了解 DB2 Version 9.5 中的全局变量(转)
  10. 下滑加载更多js_专治:卫生间免砸砖,房顶漏水,JS堵漏王水不漏,厂家三包产品,免费成熟配方(点开看更多)...