GItHub 一些使用技巧

本節(jié)我們將學(xué)習(xí)一些 GitHub 的使用小技巧，其實(shí)也是長期使用過程中積累的一些經(jīng)驗(yàn)，分享給大家，讓大家少走一點(diǎn)彎路。

1. 搜索技巧

在之前的章節(jié)中，我有提到過一點(diǎn)搜索的小訣竅，但是沒有細(xì)說?，F(xiàn)在我將詳細(xì)講解一下怎么快速精準(zhǔn)得定位到我們想要查找的內(nèi)容，畢竟搜索是我們平時(shí)在使用 GitHub 的過程中是最常用的功能之一，提高搜索效率可以幫我們節(jié)省很多時(shí)間。接下來，我將用一個(gè)例子來一步步展現(xiàn)如何快速搜索到想要的內(nèi)容：假設(shè)我的項(xiàng)目中要使用一個(gè)可以隨意拖拽的組件，而且我的項(xiàng)目是基于 React 技術(shù)棧，想在 GitHub 上面找下有沒有現(xiàn)成的組件可以使用。

1.1 明確關(guān)鍵字

分析我們的需求，想要一個(gè)拖拽組件，提煉出關(guān)鍵詞 drag，然后根據(jù)技術(shù)棧又可以提煉出關(guān)鍵詞 react，那么我們在搜索框中輸入的關(guān)鍵詞就應(yīng)該是這樣一個(gè)組合：

記得搜索的時(shí)候一定要選擇 All GitHub，不然你關(guān)鍵詞的查找范圍就這是在當(dāng)前項(xiàng)目中。一看，搜索結(jié)果還挺多的，根據(jù)關(guān)鍵詞可以匹配到 2000 多個(gè)項(xiàng)目，接下來就需要我們進(jìn)一步篩選。

1.2 語言類型

現(xiàn)在，就要根據(jù)我們項(xiàng)目里面使用的語言來做進(jìn)一步篩選。比如，我項(xiàng)目里面用到的是 Typescript，就可以在這邊的 Languages 模塊點(diǎn)擊 Typescript 標(biāo)簽，點(diǎn)擊之后如圖：

可以看到就這一下就直接 pass 掉了好多項(xiàng)目，現(xiàn)在只剩不到 200 條搜索結(jié)果了。

1.3 排序

現(xiàn)在出來的結(jié)果已經(jīng)大體符合我們的要求了，那么如何篩選出最優(yōu)的結(jié)果呢？就需要用到排序功能了，排序方式有很多種，但是用到最多的還是默認(rèn)的 Best match 或者 Most stars 這兩項(xiàng)，由于現(xiàn)在搜索出的結(jié)果就是 Best match 來排序的，所以我們不妨點(diǎn)擊 Most stars 試試看：

可以看到這兩種排序，那第一個(gè)項(xiàng)目的排名都沒變化，說明這個(gè)很可能就是我們要找的項(xiàng)目，可以點(diǎn)進(jìn)去看看它的說明文檔，是否滿足我們的需求，然后決定是否用它。如果不符合要求，就按著排序的結(jié)果依次點(diǎn)進(jìn)去看看，絕大多數(shù)情況下，我們都可以在排名靠前的幾個(gè)搜索結(jié)果里面找到我們想要的項(xiàng)目。

2. 快捷鍵技巧

跟個(gè)人操作習(xí)慣有關(guān)，有些人喜歡用鼠標(biāo)點(diǎn)擊，也有部分人偏愛鍵盤操作，這時(shí)候快捷鍵就派上用場。

2.1 快捷鍵總覽

在 GitHub 頁面中按下 shift + ? 則可以調(diào)出快捷鍵頁面:

列表當(dāng)中列出的是用的比較多的快捷鍵，也可以瀏覽全部快捷鍵，大家根據(jù)自己的習(xí)慣來使用，我個(gè)人用的多點(diǎn)的就是搜索的快捷鍵，其余的用的不多。

2.2 查看源代碼

當(dāng)我們在查看源代碼的時(shí)候，如果項(xiàng)目層級比較深，目錄結(jié)構(gòu)比較復(fù)雜，每次想查看一個(gè)文件，都要點(diǎn)很久，體驗(yàn)會很差。這時(shí)候快捷鍵 t 就可以派上用場，堪稱查看源代碼的神器。如下示例，當(dāng)我在查看開源項(xiàng)目的源碼時(shí)，目錄結(jié)構(gòu)是這樣的：

當(dāng)你按下快捷鍵 t 之后，目錄結(jié)構(gòu)就會變成這樣：

現(xiàn)在項(xiàng)目以列表的形式展現(xiàn)在我們面前，而且進(jìn)入了文件查找模式。什么叫文件查找模式？可能一眼看上去有點(diǎn)懵。比如，我想查找這個(gè)項(xiàng)目里面跟 button 有關(guān)的文件，那我們不妨輸入 “button” 試試，如下圖：
看到?jīng)]，在這個(gè)地方輸入 “button” 之后，下面的文件列表列出來的都是跟 button 有關(guān)的文件，這樣就能快速定位到我們想要查看的文件。

3. 代碼高亮

有時(shí)候跟別人在協(xié)作，想給別人標(biāo)出重點(diǎn)代碼，接下來我們就講如何實(shí)現(xiàn)這個(gè)功能。

3.1 標(biāo)注單行代碼

只需要在發(fā)給別人的 GitHub 鏈接后面加上 #L 和行號就行了，例如，我想把第 4 行標(biāo)記出來，則需要在鏈接后面加上 #L4，如圖：

現(xiàn)在可以看到第四行已經(jīng)高亮了。

3.2 標(biāo)注多行代碼

標(biāo)注多行代碼，需要用 “-” 連接起來即可，例如我想標(biāo)記第 4 行到第 6 行，則鏈接后面需要加上 #L4-L6，如下圖：

4. 小結(jié)

通過本節(jié)，我們學(xué)會了一些 GitHub 的使用小技巧，當(dāng)然我們也可以在自己使用過程中，不斷摸索總結(jié)，找到自己最順手的使用方法。