如何精准地在 GitHub 搜索项目

小时候，我们遇到不会的字可以查新华字典，写作文也可以从作文书或文摘中找到合适的素材。现如今，写代码同样可以去 Github 上找适用的代码片段，甚至整个开源框架，不用重复造轮子的好处不言而喻。

在 GitHub，您可以十分轻易地找到海量的开源代码。

查资源，学习优秀的框架，精准地在 GitHub 搜索项目是一种能力！

今天主要分享一些检索上的技巧，能够帮助您更精确的找到需要的项目代码。

开始之前，有必要说一下几个常用词的含义：

watch：持续收到该项目的动态
fork：复制某个项目到自己的 Github 仓库中
star：可以理解为点赞
clone：将项目下载至本地
Issue：发现 bug，及时讨论
follow：关注你感兴趣的作者，会收到他们的动态
topic：主题

GitHub 常用的搜索功能

1. 关键字搜索

例如：咱们需要找一个热门的 vue 框架

进入 GitHub 主页，直接使用关键字 vue 搜索。
本次共搜索到了 362257 个结果

不难看出，vue 是当前比较流行的前端框架

回到正题，搜索到的结果这么多，选哪个？

这个时候需要用到 github 过滤器

2. Github 过滤器

在 github 搜索结果面板上，可以通过代码仓库、代码、评论、语言、多种排序等方式进行二次筛选，精细化搜索，一步步缩小范围。
例如：我们在语言栏选择 Vue，可以查看 Vue 语言的相关项目，结果更有针对性

3. 多条件搜索

大多数时候，上面两种方式还不能满足要求，可以用多条件组合搜索

例如：想要找 评分高的基于 vue 开发的后台管理系统框架

咱们可以在搜索框中搜索：

vue 后台管理 stars:">1000"

结果如下：
使用组合条件后，共查到 14 个项目

排名靠前的是当前比较热门的几个 vue 后台管理系统开源项目：

vue-manage-system、vue2-manger、eladmin

本次搜索，只是简单几步操作就找到了咱们需要的开源项目！

注意：

搜索语句不能有特殊字符，如： . , : ; /\ ` ’ ” = * ! ? # $ & + ^ | ~ <> () {} []
搜索语法可以参考 Github 官方文档
地址：https://help.github.com/cn/github/searching-for-information-on-github/understanding-the-search-syntax

4. 傻瓜式搜索

多条件搜索是方便快捷，但是搜索条件不但语法麻烦，而且容易忘

有没有更简便的方法？当然！

github 提供可视化高级搜索页面，这里我称之为 “傻瓜式搜索”

直接访问地址：https://github.com/search/advanced
你也可以在语言栏下面点击 “Advanced search”，进入
“傻瓜式搜索” 不需要您记住复杂的条件和语法，操作简便！

只需要在可视化搜索面板输入过滤条件，github 会自动帮咱们把这些复杂的查询条件拼接搜索框中，然后显示查询结果。

哈哈，够傻瓜吧？

5. github 搜索帮助

github 提供了详细的帮助文档，咱们可以在上面学习搜索技巧，提高搜索的精准度。
地址： https://help.github.com/en/github/searching-for-information-on-github

前面讲到的是主要是一些搜索方法

按照拿来即用的原则

我总结了平常用得最多的 GitHub 敏捷搜索小秘籍

大家可以收藏起来，方便下次使用！

还是以 vue 为例：

想要在 GitHub 上创建有价值的项目，或者通俗地讲 “打造 GitHub 千星项目” ，首先要创建一个你认为对别人有帮助的东西，找到自己的问题并解决它，也许别人也和你一样面临着同样的问题，专注于创造有价值的内容，流量只是附带的而已。

建议从以下几个方面入手：

Octotree Chrome 插件能够帮助咱们在查看 github 项目时，清晰明了的看到项目的结构以及具体代码，使下载代码更具有目的性，减少不必要代码的下载，从而大大提升开发效率。

效果图：（安装插件前）
效果图：（安装插件后）
安装步骤：

下载 octotree Chrome 插件

地址：http://www.cnplugins.com/devtool/octotree/download.html - 打开 chrome 浏览器进入软件界面够，我们在搜索栏中输入 chrome：//extensions，然后在左侧的功能中选择 “扩展程序”。 - 直接拖动我们已经下载的 octotree chrome 插件至扩展程序界面。 - 随即弹出 “要添加 octotree 吗”，用户点击 “添加扩展程序” 按钮即可进行添加。 - 添加成功以后打开 github，在项目左上侧有一个三角收缩符号，点击三角符号，即可看到项目结构图以及具体代码。