来自公众号:程序员内点事
作为程序员对 GitHub
应该都不会陌生,我经常沉迷其中,找一些惊艳的项目或者工具。不过用的时间久了,发现它的用户体验实在是不敢恭维,有时候会让你做很多重复操作,浪费不少时间。
比如我想单独下载一个文件,但GitHub
不支持,你必须要下载整个工程;想要看仓库里的某一个文件,你只能层层点进去,再有从 GitHub
clone 个项目慢的要死,简直烦躁到爆炸。
下边推荐 8个chrome
插件来解决 GitHub
的这些问题。
![8173ffaad304e2b861676daa9a52af92.png](https://i-blog.csdnimg.cn/blog_migrate/d2ca0487c8163b016def2839ed043b79.png)
chrome
网上应用商店找插件
1、Octotree - GitHub code tree
Octotree
可以为 GitHub
项目生成一个文件菜单树,就跟在 IDEA
中看到的效果一样。
![f0fc5f50581f9d9ef347b0efbfe1df03.png](https://i-blog.csdnimg.cn/blog_migrate/1cb542b1fc80e5f40fb07a118c826732.png)
在左边会生成一个 Octotree
按钮,鼠标滑动代码文件树,这样就不用一层一层的找文件了。
![0fd54aea1072f8bcb5d99f24caa8bd09.gif](https://i-blog.csdnimg.cn/blog_migrate/3e513f0d004047e98b3b5a0b408f59fa.gif)
2、GitHub Downloader
GitHub Downloader
可以针对单个文件进行下载,不能下载单个文件是GitHub
的一个硬伤,之前想要下载一个文件往往需要 clone
整个工程。
![cd6964f49ac58f1eca5c2760639fecc1.png](https://i-blog.csdnimg.cn/blog_migrate/e4cb929272096683b739324a866fbbdf.png)
插件安装成功会在文件内容上方多出一个 download
按钮,直接点击即可下载当前文件,配合 Octotree - GitHub code tree
使用一起使用效率会更高。
![2136297658e7a83946254a2dbac4484c.gif](https://i-blog.csdnimg.cn/blog_migrate/4328153ad6aef5e8d376cd73660757cf.gif)
3、GitHub 加速
GitHub 加速
插件能提高中国开发者访问 GitHub
的速度,提升clone
Git
仓库的速度,提升下载 release
包的下载速度。
![d3ee6649e3f92872aae19ae617bc585c.png](https://i-blog.csdnimg.cn/blog_migrate/67d590e82efc6953d33228d2984e8b1d.png)
安装成功后在原来克隆的位置上会新出现个 加速
项,直接使用加速后的 url
就可以了。
![6c9da573fbef7f53c7cf74b8dfd9cffe.png](https://i-blog.csdnimg.cn/blog_migrate/44514500cf8b9c596683b35778380687.png)
4、Sourcegraph
Sourcegraph
对 GitHub
搜索功能,代码比对,查看引用,自动跳转,项目目录导航等功能做了全面的升级。
![d8fba1d28b253b0699f6ef9a2cd26836.png](https://i-blog.csdnimg.cn/blog_migrate/7e69ec677e719305d0bc07fc9048fed6.png)
插件安装后项目面板右上方会有一个搜索图标,进入就可以愉快的搜索了,用户体验要比 GitHub
好很多。
![50c45c11ac8a4eaa30de6c840ae7bf3e.gif](https://i-blog.csdnimg.cn/blog_migrate/5618451dd1084b7c3f412c4d24f21ed8.gif)
5、Awesome Autocomplete for GitHub
为 GitHub
的搜索栏添加即时搜索功能,简单而谨慎的扩展增强了GitHub的搜索功能,比以往更快地、准确的搜索存储库和人员。
![77bd601607691662ac7ae7b8ddc68249.png](https://i-blog.csdnimg.cn/blog_migrate/5d167182c1a62360ab285ad487f5aa57.png)
增强的搜索框看着更顺眼了,还区分仓库和用户类型。
![b3fe7f6a46e4190591f57e81db5f82b6.gif](https://i-blog.csdnimg.cn/blog_migrate/b18ee09873e0c82ac1e7bbf38315973f.gif)
6、File Icons for GitHub and GitLab
该插件可以给不同类型的文件增加一个图标。
![36ff3eaa297cec2298dd689d9a116131.png](https://i-blog.csdnimg.cn/blog_migrate/6d2a2c85a45e5b9eaf992bf4dea0088e.png)
![bfbd68fd7d2d8fde1affbe8c6bba67a5.png](https://i-blog.csdnimg.cn/blog_migrate/67ff3b68425b5a5c86fc77b2b8117784.png)
7、GitHub Isometric Contributions
这个插件主要为了美观,可以将 GitHub 贡献图和等距像素艺术版本之间切换,3D 像素立体展示 GitHub 上的仓库提交记录,相比与传统的方块图表更具美感。
![c01e9a78b72ee714d26929b7454cc57b.png](https://i-blog.csdnimg.cn/blog_migrate/7ae7d5c2e76653292495350136024070.png)
![9f502714e4dfc0dbbdc7beee0bbb95a7.gif](https://i-blog.csdnimg.cn/blog_migrate/28134cc39fca06778906d31bfe5b2f48.gif)
8、Markdown Menu for GitHub
Markdown Menu for GitHub
它将导航菜单添加到 GitHub
上的任何自述文件或 Markdown
文件中。比较适合写博客的同学,可以让我们的项目文档更美观一些。
![d511a41513d425592397fc6caaaa364e.png](https://i-blog.csdnimg.cn/blog_migrate/94527a229246d649047cf6a9612a7843.png)
![8a2ce90aa8e10de2c5692271ad19ec41.png](https://i-blog.csdnimg.cn/blog_migrate/7688574b1a9014188cb87f8ee0bc96f8.png)
![7555fd70212f0eefd134307fb716c067.gif](https://i-blog.csdnimg.cn/blog_migrate/b1177454bcc1987bea51dbd1fc36e5c1.gif)
前端开发