"My Android Advanced Tour" How do I use the Octotree plugin tree to display GitHub project code on my browser?

Objective

When a colleague recently saw me open the GitHub project, the effect on the browser was tree-shaped, so he asked me what browser plugin I had, and I told him it was the octotree plugin . Now I'd like to introduce this Octotree plugin .

Effect comparison 1, not installed Octotree plug-in effect

First take a look at what effect if the Octotree plugin is not installed to open the GitHub project?

We open the Square company Open source retrofit project as shown in:

• Google Chrome Browser effects

• The effect of Firefox browser

2, after installing the Octotree plug-in effect

Next look, after installing the octotree plugin . What is the effect of opening the GitHub project?

We open the Square company Open source retrofit project as shown in:

• Google Chrome Browser effects
  

• The effect of Firefox browser
  

As you can see, the Octotree plugin makes it easy to browse projects hosted on GitHub, see the tree on the left, navigate the code as easily as the IDE does, and never have to refresh it every time, and then step backwards to the other.

Advantages of the Octotree plugin

As the Octotree official website (address: https://github.com/buunguyen/octotree) introduces, it has the following advantages:

• Easy-to-navigate code tree, just like in IDEs
• Fast browsing with Pjax and turbolinks
• Support Private repositories
• Support for GitHub and GitLab Enterprise

The translation comes roughly:

• A tree structure that is as handy as navigating the code with the IDE
• Quick tour with Pjax and Turbolinks technical support
• Support for private warehouses
• Support for GitHub and Gitlab Enterprises

How do I octotree plugins? 1, Google Chrome browser Install Octotree plugin

Open the VPN flip wall, then open the Chrome store and search for Octotree, as shown in:

Then click the "+ Add to Chrome" button to pop up the dialog box as shown:

Then click on the "Add Extension" button to start installing the Octotree plugin, and then open the page after completion will appear as follows:

This time the Octotree plugin has been installed, and again into the open-source retrofit project of Square Company before opening the country, as shown in:

2, firefox browser installation Octotree plugin

The steps for installing the Octotree plugin and the Google Chrome browser install the Octotree plugin are similar in the Firefox browser.
First step: Click the menu button in the top right corner of the browser, and in the popup menu, tap the "Add-ons" button as shown:

And then go to the page as shown

The search box then enters the keyword octotree to search, as shown in the search results:

Click "Install" button to install, the installation process is as follows:

After the installation is complete, as follows:

Re-enter the open source retrofit project of Square Company before opening the country, as shown in:

Ouyangpeng welcome reprint, sharing with people is the source of progress!
Reprint please keep the original address: http://blog.csdn.net/ouyang_peng/article/details/52973274

"My Android Advanced Tour" How do I use the Octotree plugin tree to display GitHub project code on my browser?