To be honest, GitHub hasn’t had a great domestic experience, and the biggest reason for that is the web.
GitHub is a bit sluggish to access, and this seems to be unsolvable. The speed of Gitee in China is ok, but it cannot replace GitHub. Personally, I feel that there are more open source projects on Gitee and less tool class libraries.
In the case of network comparison card, if we want to view the source code of the project on GitHub online, it is very inconvenient, we need to constantly enter a directory, then exit, and then enter another directory, so that each time to load the page, it is very inconvenient to view.
SourceGraph and Octotree are two browser add-ons that make it easy to view the source code of projects on GitHub online. You can install this plugin for Chrome or Firefox.
SourceGraph
Introduction to the
SourceGraph is an open-source tool under the Apache2.0 open source license, integrating code viewing, review PR, code search, and more. Developer must have.
Supported browsers
Although we probably use SourceGraph most of the time on Chrome or Firefox, SourceGraph is actually supported on more platforms than Chrome and Firefox, and most tools, including Vscode, support it as follows:
You can see Chrome, Firefox, VsCode, Jet Brains buckets (IDEA, WebStorm, etc.), Vi, Sublime, Atom.
Supported Platforms
So what website code can we view with this? What other platforms are supported besides GitHub?
It can be seen that common GitHub, GitLab and Bitbucket are supported, as well as Phabricator, Azure DevOps and AWS CodeCommit.
The installation
Firefox can be directly searched and installed, Chrome, if the Internet is not convenient, Songge has helped you download it, public account background reply sourceGraph, get sourceGraph offline package download address, after downloading offline package, directly drag to the browser to install.
Here I will show you the normal installation, search for SourceGraph in the Chrome Store, as follows:
Click the “Add to Chrome” button on the right. I have installed the “score” button on my side. After installing the “SourceGraph” icon on my browser, it will appear as follows:
SourceGraph is now installed.
use
At this point, we open any project on GitHub, take Songgo’s micro personnel as an example, as follows:
As you can see, there is a button next to the Watch of the project. This button is The SourceGraph. If we click it, we can go to the SourceGraph page:
Just like a development tool, we can easily expand the project package on the right side and look at any file we want. The above search box supports regular expression search, which makes it easy to find the definition of relevant variables in the project.
You can also see where variables are defined or referenced in SourceGraph (this is only available after logging into SourceGraph) :
Can they all be used as IDE?
With these features, it’s much easier to browse projects on GitHub.
Octotree
Introduction to the
Octotree(www.octotree.io/) is a browser plug-in that is well supported by Chrome, Firefox and Opera. This plugin displays project code on GitHub in a tree format, and in the displayed list, you can download specific files instead of downloading the entire project.
The installation
Octotree is easy to install in Firefox, but it’s not a problem to install in Chrome. Zongo has downloaded Octotree’s offline installation package on Chrome. You can get the download link by replying to Octotree on my official account.
Of course, if it’s convenient for you, you can search directly in the Chrome Store, as follows:
Just choose the first free installation.
Once installed, a corresponding icon will appear in the upper right corner of the browser, as follows:
use
After Octotree is installed, open a GitHub page and you can see the Octotree plugin on the left as follows:
This is a quick way to open and browse a GitHub file.
Click the icon in front of the file name to open the file in a separate web page.
Well, these two artifact said here, small partners might as well try.
Pay attention to the public account [Jiangnan little Rain], focus on Spring Boot+ micro service and front and back end separation and other full stack technology, regular video tutorial sharing, after attention to reply to Java, get Songko for you carefully prepared Java dry goods!
