八個(gè)酷炫的GitHub技巧,讓你看起來像大佬一樣!
作為一名開發(fā)者,大部分都用過 GitHub。但你可能不知道,GitHub有很多隱藏的功能可以幫助我們更好地使用它。
1. 使用 "t" 鍵來快速搜索文件
這是一個(gè)很酷的功能,只有少數(shù)人知道。當(dāng)你想查看一個(gè)文件的內(nèi)容時(shí),你可以按 "T"鍵,然后輸入文件名,就可以直接跳到目標(biāo)文件。
步驟
- 打開 https://github.com/lodash/lodash
- 按 T 鍵
- 輸入 add.test.js(任何你想搜索的文件名)。
- 點(diǎn)擊跳轉(zhuǎn),查看文件內(nèi)容
2. 用在線 "VSCode"編輯器查看代碼的3種方法
盡管使用 "T" 鍵可以讓我們快速搜索文件,但當(dāng)你想查看整個(gè)項(xiàng)目代碼時(shí),它就會(huì)變得低效。
這里分享三種在線查看代碼的方法,就像在VSCode編輯器中一樣。第三種是我最喜歡的方式,我相信你會(huì)喜歡它。
2.1. 方法1:使用"."快捷鍵
- 打開項(xiàng)目 https://github.com/vuejs/vue
- 鍵盤點(diǎn)擊 '.' 鍵
- 然后頁面會(huì)被重定向到 https://github.dev/vuejs/vue
2.2 方法2:使用 "github1s.com"
當(dāng)你在GitHub上看到你喜歡的項(xiàng)目時(shí),你需要把 "github "改為 "github1s",以達(dá)到與方法1相同的效果!
- 打開項(xiàng)目 https://github.com/vuejs/vue
- 將https://github.com/vuejs/vue 修改為 https://github1s.com/vuejs/vue
2.3. 方法3:使用 "gitpod.com/#xxx"
第三種方式很神奇,你甚至可以直接在線運(yùn)行Node.js代碼,我太喜歡了。它非常容易使用,你只需要在GitHub鏈接前加上gitpod.com/#。
- 打開項(xiàng)目 https://github.com/qianlongo/fe-handwriting (
- 在https://github.com/qianlongo/fe-handwriting 前加入gitpod.com/#。
3. 將指定代碼行分享給別人
有時(shí)你指定某行代碼,并將它的位置分享給別人,如下所示:
怎么做呢?
步驟:
- 打開項(xiàng)目:Open https://github.com/qianlongo/fe-handwriting/blob/master/17.quick-sort.js
- 點(diǎn)擊左邊的行號(hào)
- 復(fù)制鏈接(https://github.com/qianlongo/fe-handwriting/blob/master/17.quick-sort.js#L8)
我相信你一定注意到我們的鏈接后面有 "L8"。是的,沒錯(cuò),你可以通過修改 "L "+行號(hào)鏈接到你想要的代碼。
4. 將指定多行代碼分享給別人
既然我們可以鏈接到單行代碼,那么我們可以鏈接到多行代碼。
步驟:
- 打開項(xiàng)目:Open https://github.com/qianlongo/fe-handwriting/blob/master/17.quick-sort.js
- 按住 "shift "鍵,點(diǎn)擊左邊的行號(hào)。
- 復(fù)制鏈接(https://github.com/qianlongo/fe-handwriting/blob/master/17.quick-sort.js#L8-L24)
5. 跳到函數(shù)定義的地方
如何快速鏈接到定義函數(shù)的地方?我向你推薦一個(gè)chrome插件,名字叫sourcegraph。當(dāng)該插件安裝后,當(dāng)鼠標(biāo)放在使用該功能的地方時(shí),會(huì)出現(xiàn)一個(gè)按鈕。點(diǎn)擊可以鏈接到它被定義的地方。
6. 查看快捷鍵列表
GitHub提供了很多快捷鍵來幫助我們閱讀代碼,但記住它們并不是一件容易的事情,幸運(yùn)的是你可以用 **"Shift "+""**來調(diào)出快捷鍵列表。
作者:fatfish
譯者:前端小智
來源:medium https://link.segmentfault.com/?enc=Kj3IK8cZ3b43AlIwgPSuVA%3D%3D.8ZeozPQmAccXcBMVwA2%2BGf%2BUli%2B1qqc6wuDiNVhw5Rlj1h74f70f8ST2AFC0JDcT40ECTAuclzt%2B0oE73WeI9ErTn%2BPv%2F3CqKt%2Fm4qAwztQ%2FPckDQizGcO666Ybc%2FezU