用《華為瀏覽器》看鴻蒙開源時(shí)，帶棵“導(dǎo)航樹”
51CTO和華為官方合作共建的鴻蒙技術(shù)社區(qū)
1、介紹說明
1.1、背景說明
華為已經(jīng)于2020年、2021年分兩次將鴻蒙系統(tǒng)的所有基礎(chǔ)能力全部捐獻(xiàn)給開放原子開源基金會(huì)，形成OpenHarmony開源項(xiàng)目。微博博主 @釗哥科普 爆料稱，鴻蒙2021年5月份開源的代碼量大約是 8GB，AOSP 的差不多超 60GB。
截至到今天2021年12月4日，OpenHarmony已經(jīng)有293個(gè)倉(cāng)庫(kù)了。一年正規(guī)工作日基本是251天，假如：一天瀏覽一個(gè)倉(cāng)庫(kù)，喜歡加班的您一年才有52周，您需要還額外的拿出42個(gè)周末，您才能瀏覽完所有的倉(cāng)庫(kù)。(還不包括這段時(shí)間華為工程師在增加新的倉(cāng)庫(kù))
那么，問題來了：
第一個(gè)問題：一個(gè)在前面跑，另外一個(gè)在后面追，什么時(shí)候才能瀏覽完這些資料?更別說利用這些智慧的結(jié)晶，或者為這些代碼做貢獻(xiàn)了。
第二個(gè)問題：gitee網(wǎng)站提供的是網(wǎng)頁(yè)方式的文件瀏覽，需要點(diǎn)開一個(gè)目錄看完后，點(diǎn)擊退回上級(jí)目錄，再點(diǎn)擊另外一個(gè)目錄，再點(diǎn)擊。。。再點(diǎn)擊。。。關(guān)鍵關(guān)鍵是你必須有個(gè)強(qiáng)大的大腦，牢記每個(gè)目錄的名稱，分別存放了什么內(nèi)容。每點(diǎn)擊一次便使用你那強(qiáng)大的“過目不忘”的1技能記下來，剛才點(diǎn)擊的目錄是什么，有什么。并使用你強(qiáng)大的“文件結(jié)構(gòu)映射”的2技能把文檔結(jié)構(gòu)構(gòu)建在大腦中。瀏覽網(wǎng)站不是牢記目錄結(jié)構(gòu)的好不好。
第三個(gè)問題：把gitee網(wǎng)站上的內(nèi)容都下載下來，在本地電腦上看，或者在IDE里面看，不錯(cuò)的好主意，但是可愛的華為工程師開源了60G的代碼。可能需要購(gòu)買一個(gè)新電腦了。
本文教您一個(gè)舉手之勞的小技巧，輕松搞定。
1.2、面向人群
(1)剛剛接觸鴻蒙的初學(xué)者，想對(duì)openHarmony有個(gè)全面的了解;
(2)不知道還有這么一個(gè)工具的人;
1.3、本文目的
(1)以圖形方式，簡(jiǎn)單的介紹如何安裝一個(gè)瀏覽器插件GiteeTree;
(2)通過GiteeTree工具，可以快速的、以“樹型結(jié)構(gòu)”方式，瀏覽openHarmony的文件目錄。達(dá)到提高工作效率目的。
1.4、本文所使用的環(huán)境軟件
(1)Windows10 操作系統(tǒng)
(2)瀏覽器本文主要配置為: 華為瀏覽器
下載64位win10的鏈接：https://consumer.huawei.com/cn/mobileservices/browser/)
其他瀏覽器:Firefox瀏覽器如何配置GiteeTree點(diǎn)擊這里 :
https://harmonyos.51cto.com/posts/9480
谷歌瀏覽器有墻.
1.5、操作預(yù)計(jì)時(shí)長(zhǎng)
(1)看完本文，能記憶下來的操作步驟的用2分鐘。
(2)記憶力不好的，可以打開兩個(gè)窗口，一個(gè)窗口打開本文，另外一個(gè)窗口操作。分別在兩個(gè)窗口間切換，預(yù)計(jì)需要5分鐘。
1.6、操作流程
Start1、下載/解壓瀏覽器插件2、安裝瀏覽器插件3、檢查安裝的效果End
2、操作步驟
2.1、打開瀏覽器，找到瀏覽器插件GiteeTree
Gitee網(wǎng)站鏈接:https://gitee.com
(1)瀏覽器輸入： gitee網(wǎng)站，拉到首頁(yè)的最下面。點(diǎn)擊Git大全。
(2)在Git大全頁(yè)面中間，找到“三、Git瀏覽器插件”，點(diǎn)擊“Git瀏覽器插件下載(…Firefox…)”
(3)在GitTree倉(cāng)庫(kù)頁(yè)面中間，找到“克隆/下載”(紅色的大按鈕)，點(diǎn)擊下箭頭，然后在下拉信息框中點(diǎn)擊“下載ZIP”。
(4)我把下載的文件保存在E:盤根目錄下了。
(5)我是把下載的文件解壓到E盤，E:\GitCodeTree-master\ (看官老爺您一定要記住您解壓到哪個(gè)目錄，因?yàn)榈葧?huì)要用到這個(gè)目錄)
進(jìn)入到這個(gè)目錄里面E:\GitCodeTree-master\ 的DIST文件夾，找到chrome.zip文件，我把它解壓到當(dāng)前目錄下
2.2、安裝瀏覽器插件GiteeTree
(6)打開華為瀏覽器的設(shè)置頁(yè)面，點(diǎn)擊右上角“3個(gè)小點(diǎn)”，點(diǎn)擊下拉菜單中的設(shè)置。或者復(fù)制下面地址，在華為瀏覽器地址欄輸入： hwbrowser://settings
(6)在華為瀏覽器的設(shè)置頁(yè)面，點(diǎn)擊“擴(kuò)展程序”選項(xiàng)組。
(7)在擴(kuò)展程序頁(yè)面里，點(diǎn)擊“已解壓的擴(kuò)展程序”
hwbrowser://extensions 復(fù)制此地址可以進(jìn)入擴(kuò)展程序頁(yè)面。
(7.1)只有打開右邊的開發(fā)者模式，才能有“已解壓的擴(kuò)展程序”按鈕。
(8)在“已解壓的擴(kuò)展程序”選擇對(duì)話框中，選擇剛才看官老爺解壓的目錄。(一定是剛才最后解壓的那個(gè)chrome.zip所在目錄)
出現(xiàn)下面這個(gè)界面，表示您安裝成功。
2.3、檢查安裝的效果
開源鴻蒙 https://gitee.com/openharmony
(9)在地址欄(或者您已收藏)輸入上面的地址回到Gitee網(wǎng)站，選擇一個(gè)倉(cāng)庫(kù)打開。(初學(xué)者就選第一個(gè)精選DOCS)
(10)在倉(cāng)庫(kù)頁(yè)面的最左上角，會(huì)多出來一個(gè)方向向右的箭頭按鈕。點(diǎn)擊這個(gè)白色按鈕。
(11)這樣在瀏覽器方式下，就得到了一個(gè)“樹型結(jié)構(gòu)”導(dǎo)航側(cè)邊欄。開始你的沖浪吧。
3、后記
3.1、開發(fā)這么好的工具是要感謝程序員的。
3.2、目前，使用的人好像還不是很多。
3.3、有問題最好別找我，我也是小白。
3.4、華為開源項(xiàng)目部分鏈接(后面數(shù)量為截至21年12月7日)：鴻蒙293倉(cāng)，歐拉185倉(cāng)，高斯45倉(cāng)，HMS移動(dòng)服務(wù)100倉(cāng)，方舟，畢昇，lookeng大數(shù)據(jù)10倉(cāng)，DevCloud前端，MindSpore人工智能19倉(cāng)，hindex，LiteOS物聯(lián)網(wǎng)，streamDM，CarbonData，Volcano，ServiceComb微服務(wù)6倉(cāng)，ContainerOps，Astro等一大波還在GitHub上，GiteeTree也可以用在GitHub上。
3.5、提供這個(gè)文章保存地方的是51CTO，一定要感謝。
51CTO和華為官方合作共建的鴻蒙技術(shù)社區(qū)
