几款提高开发技能的Chrome插件

（1）Octotree 可视化GitHub代码树阅读

GitHub做为一款基于Git的代码管理工具和协同工具是很优秀的，然而做为代码浏览和搜索工具，就和IDE差的很远了。这个插件最好的地方就是能够在侧边显示 repo 代码目录结构，支持跳转。把你从无尽的页面前进、后退里解脱出来。让开源项目代码结构目录化，按照 IDE上你熟悉的代码目录结构展现，方便你快速定位和找到相关的代码页面。

下载地址：Octotree商店地址

（2）Enhandced GitHub

Enhanced Github是在GitHub网站上提供有用功能的扩展。能够显示仓库大小，每一个文件的大小，下载连接和复制文件内容的选项。说到下载你们都知道Github有一个比较蛋疼的设定, 仓库能够打包下载,但没有提供仓库内单个文件的下载连接,为了解决这个问题, 咱们须要安装插件 Enhanced Github。插件安装成功后, 会自动生效。

Enhanced Github的特性

1. 显示仓库大小。
2. 显示每一个活动分支中的每一个文件大小（不适用于文件夹/符号连接）
3. 显示每一个文件的下载连接（不适用于文件夹/符号连接）
4. 将文件内容直接复制到剪贴板（对于markdown文件不起做用）
5. 在查看文件内容时下载文件。

下载地址：Enhanced Github 的商店地址

（3）GitHub dark theme

基于Atom One Dark的全部GitHub的黑暗主题

下载地址：Enhanced Github 的商店地址

（4）Awesome Autocomplete for GitHub

Awesome Autocomplete插件是一款为GitHub用户提供的智能搜索插件，这款插件能够让你在GitHub上搜索项目或者用户更加轻松。这款插件有点相似自动补全功能，实时监听输入的搜索关键字，自动列出相关内容。

chrome.google.com/webstore/de…

（5）Sourcegraph

Sourcegraph 是一款可以根据语义来把Web上的开源代码编入索引的代码搜索浏览工具。你能够从代码仓库和安装包甚至是函数里搜索代码，同时也能够直接点击被彻底建立了连接的代码来阅读文档、跳转到变量定义或者立刻找到可用的Demo。总而言之，你能够在你的web浏览器上完成这一切，而不须要配置任何编辑器。由Sourcegraph 出品的这款Chrome插件，能够很是方便的浏览和搜索Github上的代码，持跨repository搜索、跳转到定义、查找引用等功能，宛若一个功能强大的IDE。

点击第一行项目名称右边的雪花状 的按钮，即进入整个工程的浏览树。

核心功能如跳转到定义(Go-to-definition)——浏览文件或查看pull请求时，将鼠标悬停在代码上能够查看文档提示，单击便可跳转到定义、查找引用或全文搜索。

下载地址：Sourcegraph的商店地址