八个酷炫的GitHub技巧,让你看起来像大佬一样!

GitHub提供了很多快捷键来帮助我们阅读代码,但记住它们并不是一件容易的事情,幸运的是你可以用 **"Shift "+""**来调出快捷键列表。
首页 新闻资讯 行业资讯 八个酷炫的GitHub技巧,让你看起来像大佬一样!

作为一名开发者,大部分都用过 GitHub。但你可能不知道,GitHub有很多隐藏的功能可以帮助我们更好地使用它。

1. 使用 "t" 键来快速搜索文件

这是一个很酷的功能,只有少数人知道。当你想查看一个文件的内容时,你可以按 "T"键,然后输入文件名,就可以直接跳到目标文件。

步骤

  • 打开 https://github.com/lodash/lodash

  • 按 T 键

  • 输入 add.test.js(任何你想搜索的文件名)。

  • 点击跳转,查看文件内容

08d53c256b7e5887dcb924eed8bda5490c6df6.gif

2. 用在线 "VSCode"编辑器查看代码的3种方法

尽管使用 "T" 键可以让我们快速搜索文件,但当你想查看整个项目代码时,它就会变得低效。

这里分享三种在线查看代码的方法,就像在VSCode编辑器中一样。第三种是我最喜欢的方式,我相信你会喜欢它。

2.1. 方法1:使用"."快捷键

  • 打开项目 https://github.com/vuejs/vue

  • 键盘点击 '.' 键

  • 然后页面会被重定向到 https://github.dev/vuejs/vue

323994a09fbb6f6beee551159064a487bb8a2e.gif

2.2 方法2:使用 "github1s.com"

当你在GitHub上看到你喜欢的项目时,你需要把 "github "改为 "github1s",以达到与方法1相同的效果!

  • 打开项目 https://github.com/vuejs/vue

  • 将https://github.com/vuejs/vue 修改为 https://github1s.com/vuejs/vue

c976f035038ed13975b697d87d49d46153ba0f.gif

2.3. 方法3:使用 "gitpod.com/#xxx"

第三种方式很神奇,你甚至可以直接在线运行Node.js代码,我太喜欢了。它非常容易使用,你只需要在GitHub链接前加上gitpod.com/#。

  • 打开项目 https://github.com/qianlongo/fe-handwriting (

  • 在https://github.com/qianlongo/fe-handwriting 前加入gitpod.com/#。

81d537e369a3498f21b9077f0ef2f1b36b4431.gif

3. 将指定代码行分享给别人

有时你指定某行代码,并将它的位置分享给别人,如下所示:

013dae9651587dedf4c93179c44c2bed2d047e.png

怎么做呢?

步骤:

  • 打开项目:Open https://github.com/qianlongo/fe-handwriting/blob/master/17.quick-sort.js

  • 点击左边的行号

  • 复制链接(https://github.com/qianlongo/fe-handwriting/blob/master/17.quick-sort.js#L8)

3819e3a410925bc100d5115b599ed9bf5d35c2.gif

我相信你一定注意到我们的链接后面有 "L8"。是的,没错,你可以通过修改 "L "+行号链接到你想要的代码。

4. 将指定多行代码分享给别人

既然我们可以链接到单行代码,那么我们可以链接到多行代码。

步骤:

  • 打开项目:Open https://github.com/qianlongo/fe-handwriting/blob/master/17.quick-sort.js

  • 按住 "shift "键,点击左边的行号。

  • 复制链接(https://github.com/qianlongo/fe-handwriting/blob/master/17.quick-sort.js#L8-L24)

a17f8c809664826de135079742c1561f9f0dc0.gif

5. 跳到函数定义的地方

如何快速链接到定义函数的地方?我向你推荐一个chrome插件,名字叫sourcegraph。当该插件安装后,当鼠标放在使用该功能的地方时,会出现一个按钮。点击可以链接到它被定义的地方。

89acdee78c543bcf989608750c3820e5d0b2c2.png

76a3da7962cd10652348528a587f7d71923525.gif

6. 查看快捷键列表

GitHub提供了很多快捷键来帮助我们阅读代码,但记住它们并不是一件容易的事情,幸运的是你可以用 **"Shift "+""**来调出快捷键列表。

a40b79353b2711ead3d430fa5c750dc4604387.png

作者:fatfish

译者:前端小智

来源:medium https://link.segmentfault.com/?enc=Kj3IK8cZ3b43AlIwgPSuVA%3D%3D.8ZeozPQmAccXcBMVwA2%2BGf%2BUli%2B1qqc6wuDiNVhw5Rlj1h74f70f8ST2AFC0JDcT40ECTAuclzt%2B0oE73WeI9ErTn%2BPv%2F3CqKt%2Fm4qAwztQ%2FPckDQizGcO666Ybc%2FezU

19    2022-05-26 01:15:22    GitHub 代码 快捷键