大家好,我是若川。我持續組織了近一年的源碼共讀活動,感興趣的可以?點此掃碼加我微信?ruochuan12?參與,每周大家一起學習200行左右的源碼,共同進步。同時極力推薦訂閱我寫的《學習源碼整體架構系列》?包含20余篇源碼文章。歷史面試系列。另外:目前建有江西|湖南|湖北
籍前端群,可加我微信進群。
前言
作為一名開發者,我想你一定喜歡逛gayhub
,而其中的一些隱藏功能,你可能還不知道哦!用起來實在是太爽了。
請往下看,你一定會有所收獲...
1. 使用“T”鍵快速查找文件
這個功能實在太贊了,但卻只有少部分人知道。當你想看一個文件的內容時,按下“T”鍵,搜索文件名,竟然能直接跳轉到目標文件。
操作步驟
打開https://github.com/lodash/lodash
按下“T”鍵
輸入
add,test.js
(任何你想查找的文件)點擊跳轉查看內容
2. 3種方式使用“VSCode”編輯器查看代碼
雖然使用“T”鍵可以快速搜索文件,但當咱想查看整個項目代碼時,它就顯得有點效率低下了。
一起來看看三種在線查看代碼的方法,就像在你的VSCode編輯器中一樣。
第三種是我最喜歡的方式,我相信你會喜歡的。
2.1 使用"."按鍵
打開https://github.com/vuejs/vue
按下"."鍵
接著你會被重定向到 https://github.dev/vuejs/vue
是不是很爽,和本地vscode一模一樣
2.2 使用"github1s.com"
僅僅需要將“github”更改為“github1s”,咱們就可以達到與方法1相同的效果!
打開 https://github.com/vuejs/vue
將url修改為https://github1s.com/vuejs/vue
神奇不...
2.3 使用 “gitpod.com/#xxx”
第三種更牛逼了,你甚至可以在線運行js,只需要在gitpod.com/#
后添加項目地址就可以達到效果。
打開https://github.com/qianlongo/fe-handwriting
在地址欄最前面添加gitpod.com/#
完美...
有時我們希望希望通過一個地址就鏈接到特定的代碼行。如下圖所示

這種效果應該怎么實現呢?
打開 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)
相信你一定注意到了鏈接后的“L8”。是的,咱們可以通過修改“L”+行號鏈接到所需的代碼。
4. 鏈接到多行代碼
既然我們可以鏈接到一行代碼,那可以鏈接到多行嗎?當然可以了!!!
打開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)
5. 跳轉到定義函數的位置
如何快速跳轉到定義函數的位置?推薦一個chrome插件,名字是sourcegraph。
安裝插件后,將鼠標放在使用該功能的位置時,會出現一個按鈕。單擊就可以跳轉到定義它的位置。

????
6. 查看快捷鍵列表
github提供了許多快捷鍵來幫助我們閱讀代碼,但記住它們真不是一件簡單的事,咱們可以使用“Shift”+“?”顯示快捷方式列表。
