#星光计划2.0#用《华为浏览器》看鸿蒙开源时，带棵“导航树” 原创精华

李皓6222

发布于 2021-12-7 00:50

浏览

5收藏

【本文正在参与51CTO HarmonyOS技术社区创作者激励计划-星光计划2.0】链接
https://harmonyos.51cto.com/posts/9422?utm_source=renwu

@toc

标题：用华为浏览器看鸿蒙开源时，带棵“导航树”

1、介绍说明

1.1、背景说明

华为已经于2020年、2021年分两次将鸿蒙系统的所有基础能力全部捐献给开放原子开源基金会，形成OpenHarmony开源项目。微博博主 @钊哥科普爆料称，鸿蒙2021年5月份开源的代码量大约是 8GB，AOSP 的差不多超 60GB。
截至到今天2021年12月4日，OpenHarmony已经有293个仓库了。一年正规工作日基本是251天，假如：一天浏览一个仓库，喜欢加班的您一年才有52周，您需要还额外的拿出42个周末，您才能浏览完所有的仓库。（还不包括这段时间华为工程师在增加新的仓库）
#星光计划2.0#用《华为浏览器》看鸿蒙开源时，带棵“导航树”-鸿蒙开发者社区
那么，问题来了：
第一个问题：一个在前面跑，另外一个在后面追，什么时候才能浏览完这些资料？更别说利用这些智慧的结晶，或者为这些代码做贡献了。
第二个问题：gitee网站提供的是网页方式的文件浏览，需要点开一个目录看完后，点击退回上级目录，再点击另外一个目录，再点击。。。再点击。。。关键关键是你必须有个强大的大脑，牢记每个目录的名称，分别存放了什么内容。每点击一次便使用你那强大的“过目不忘”的1技能记下来，刚才点击的目录是什么，有什么。并使用你强大的“文件结构映射”的2技能把文档结构构建在大脑中。浏览网站不是牢记目录结构的好不好。
第三个问题：把gitee网站上的内容都下载下来，在本地电脑上看，或者在IDE里面看，不错的好主意，但是可爱的华为工程师开源了60G的代码。可能需要购买一个新电脑了。

本文教您一个举手之劳的小技巧，轻松搞定。

1.2、面向人群

（1）刚刚接触鸿蒙的初学者，想对openHarmony有个全面的了解；
（2）不知道还有这么一个工具的人；

1.3、本文目的

（1）以图形方式，简单的介绍如何安装一个浏览器插件GiteeTree；
（2）通过GiteeTree工具，可以快速的、以“树型结构”方式，浏览openHarmony的文件目录。达到提高工作效率目的。

1.4、本文所使用的环境软件

（1）Windows10 操作系统
（2）浏览器本文主要配置为: 华为浏览器
 下载64位win10的链接：https://consumer.huawei.com/cn/mobileservices/browser/）
其他浏览器:Firefox浏览器如何配置GiteeTree点击这里 :
https://harmonyos.51cto.com/posts/9480
谷歌浏览器有墙.

1.5、操作预计时长

（1）看完本文，能记忆下来的操作步骤的用2分钟。
（2）记忆力不好的，可以打开两个窗口，一个窗口打开本文，另外一个窗口操作。分别在两个窗口间切换，预计需要5分钟。

1.6、操作流程

st=>start: Start
op1=>operation: 1、下载/解压浏览器插件
op2=>operation: 2、安装浏览器插件
op3=>operation: 3、检查安装的效果
e=>end
st(right)->op1(right)->op2(right)->op3(right)->e

2、操作步骤

2.1、打开浏览器，找到浏览器插件GiteeTree

Gitee网站链接:https://gitee.com
（1）浏览器输入： gitee网站，拉到首页的最下面。点击Git大全。
#星光计划2.0#用《华为浏览器》看鸿蒙开源时，带棵“导航树”-鸿蒙开发者社区
（2）在Git大全页面中间，找到“三、Git浏览器插件”，点击“Git浏览器插件下载（…Firefox…）”

（3）在GitTree仓库页面中间，找到“克隆/下载”(红色的大按钮)，点击下箭头，然后在下拉信息框中点击“下载ZIP”。
#星光计划2.0#用《华为浏览器》看鸿蒙开源时，带棵“导航树”-鸿蒙开发者社区

（4）我把下载的文件保存在E:盘根目录下了。

（5）我是把下载的文件解压到E盘，E:\GitCodeTree-master\ (看官老爷您一定要记住您解压到哪个目录，因为等会要用到这个目录)
#星光计划2.0#用《华为浏览器》看鸿蒙开源时，带棵“导航树”-鸿蒙开发者社区
进入到这个目录里面E:\GitCodeTree-master\ 的DIST文件夹，找到chrome.zip文件，我把它解压到当前目录下

2.2、安装浏览器插件GiteeTree

（6）打开华为浏览器的设置页面，点击右上角“3个小点”，点击下拉菜单中的设置。或者复制下面地址，在华为浏览器地址栏输入： hwbrowser://settings
#星光计划2.0#用《华为浏览器》看鸿蒙开源时，带棵“导航树”-鸿蒙开发者社区
（6）在华为浏览器的设置页面，点击“扩展程序”选项组。

（7）在扩展程序页面里，点击“已解压的扩展程序”
hwbrowser://extensions 复制此地址可以进入扩展程序页面。
#星光计划2.0#用《华为浏览器》看鸿蒙开源时，带棵“导航树”-鸿蒙开发者社区
（7.1）只有打开右边的开发者模式，才能有“已解压的扩展程序”按钮。

（8）在“已解压的扩展程序”选择对话框中，选择刚才看官老爷解压的目录。（一定是刚才最后解压的那个chrome.zip所在目录）
#星光计划2.0#用《华为浏览器》看鸿蒙开源时，带棵“导航树”-鸿蒙开发者社区
出现下面这个界面，表示您安装成功。

2.3、检查安装的效果

开源鸿蒙 https://gitee.com/openharmony
（9）在地址栏（或者您已收藏）输入上面的地址回到Gitee网站，选择一个仓库打开。（初学者就选第一个精选DOCS）
#星光计划2.0#用《华为浏览器》看鸿蒙开源时，带棵“导航树”-鸿蒙开发者社区
（10）在仓库页面的最左上角，会多出来一个方向向右的箭头按钮。点击这个白色按钮。

（11）这样在浏览器方式下，就得到了一个“树型结构”导航侧边栏。开始你的冲浪吧。
#星光计划2.0#用《华为浏览器》看鸿蒙开源时，带棵“导航树”-鸿蒙开发者社区

3、后记

3.1、开发这么好的工具是要感谢程序员的。
3.2、目前，使用的人好像还不是很多。
3.3、有问题最好别找我，我也是小白。
3.4、华为开源项目部分链接(后面数量为截至21年12月7日)：鸿蒙293仓，欧拉185仓，高斯45仓，HMS移动服务100仓，方舟，毕昇，lookeng大数据10仓，DevCloud前端，MindSpore人工智能19仓，hindex，LiteOS物联网，streamDM，CarbonData，Volcano，ServiceComb微服务6仓，ContainerOps，Astro等一大波还在GitHub上，GiteeTree也可以用在GitHub上。
3.5、提供这个文章保存地方的是51CTO，一定要感谢。