前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >GayHub这8大超实用小技巧,99.9%的人都不知道!

GayHub这8大超实用小技巧,99.9%的人都不知道!

作者头像
前端胖头鱼
发布2022-07-25 08:57:31
2.2K0
发布2022-07-25 08:57:31
举报
文章被收录于专栏:胖头鱼学前端胖头鱼学前端

前言

作为一名开发者,我想你一定喜欢逛gayhub,而其中的一些隐藏功能,你可能还不知道哦!用起来实在是太爽了。

请往下看,你一定会有所收获...

1. 使用“T”键快速查找文件

这个功能实在太赞了,但却只有少部分人知道。当你想看一个文件的内容时,按下“T”键,搜索文件名,竟然能直接跳转到目标文件。

操作步骤

  1. 打开https://github.com/lodash/lodash
  2. 按下“T”键
  3. 输入add,test.js(任何你想查找的文件)
  4. 点击跳转查看内容

2. 3种方式使用“VSCode”编辑器查看代码

虽然使用“T”键可以快速搜索文件,但当咱想查看整个项目代码时,它就显得有点效率低下了。

一起来看看三种在线查看代码的方法,就像在你的VSCode编辑器中一样。

第三种是我最喜欢的方式,我相信你会喜欢的。

2.1 使用"."按键

  1. 打开https://github.com/vuejs/vue
  2. 按下"."键
  3. 接着你会被重定向到 https://github.dev/vuejs/vue
  4. 是不是很爽,和本地vscode一模一样

2.2 使用"github1s.com"

仅仅需要将“github”更改为“github1s”,咱们就可以达到与方法1相同的效果!

  1. 打开 https://github.com/vuejs/vue
  2. 将url修改为https://github1s.com/vuejs/vue
  3. 神奇不...

2.3 使用 “gitpod.com/#xxx”

第三种更牛逼了,你甚至可以在线运行js,只需要在gitpod.com/#后添加项目地址就可以达到效果。

  1. 打开https://github.com/qianlongo/fe-handwriting
  2. 在地址栏最前面添加gitpod.com/#
  3. 完美...

3. 链接到单行代码

有时我们希望希望通过一个地址就链接到特定的代码行。如下图所示

这种效果应该怎么实现呢?

  1. 打开 https://github.com/qianlongo/fe-handwriting/blob/master/17.quick-sort.js
  2. 单击左侧的行号
  3. 复制链接即可(https://github.com/qianlongo/fe-handwriting/blob/master/17.quick-sort.js#L8)

相信你一定注意到了链接后的“L8”。是的,咱们可以通过修改“L”+行号链接到所需的代码。

4. 链接到多行代码

既然我们可以链接到一行代码,那可以链接到多行吗?当然可以了!!!

  1. 打开https://github.com/qianlongo/fe-handwriting/blob/master/17.quick-sort.js
  2. 按住“shift”键并单击左侧的行号
  3. 复制链接(https://github.com/qianlongo/fe-handwriting/blob/master/17.quick-sort.js#L8-L24)

5. 跳转到定义函数的位置

如何快速跳转到定义函数的位置?推荐一个chrome插件,名字是sourcegraph。

安装插件后,将鼠标放在使用该功能的位置时,会出现一个按钮。单击就可以跳转到定义它的位置。

6. 查看快捷键列表

github提供了许多快捷键来帮助我们阅读代码,但记住它们真不是一件简单的事,咱们可以使用“Shift”+“?”显示快捷方式列表。

本文参与 腾讯云自媒体分享计划,分享自微信公众号。
原始发表:2022-06-01,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 前端胖头鱼 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 前言
  • 1. 使用“T”键快速查找文件
  • 2.1 使用"."按键
  • 2.2 使用"github1s.com"
  • 4. 链接到多行代码
  • 5. 跳转到定义函数的位置
  • 6. 查看快捷键列表
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档