GitHub is an important tool for many developers. Its concept of social coding has changed the ecology of the whole development community along with the open source movement. Numerous high-quality projects thrive on GitHub with the participation of open source developers all over the world.

But, seriously, have you read the code properly on GitHub?

For most people, GitHub is great as a Git-based code management tool and collaboration tool, but as a code browsing and searching tool, it’s far from an IDE. Why do you think GitHub doesn’t have a sidebar file tree so many developers have to download a browser plugin to get a file tree? Why do you still need Git clone locally to install code into your IDE in order to have fun reading code? Ever wonder how nice it would be if you could browse code on GitHub like an IDE?

Insight. IO allows you to browse and search code on GitHub as if you were in your IDE. GitHub looks like an Iron Man suit.

Functions overview

After downloading and installing a GitHub project, you’ll see a sidebar on the left. Do you already feel like you’re in the IDE? The plug-in provides the following capabilities

  • Jump to definition
  • Find references
  • Directory Tree function
  • Symbol based code search

Cross reference

Using The Example of Apache Spark, you can hover over a node (class, method, variable, etc.) and see the corresponding type and documentation. Click the Structure button on the left to see the class Structure of the modified file, including member variables, member functions, etc. Click to jump to the corresponding line.

Find references

Clicking on the use case of any node jumps to where the class, method, or variable is defined (similar to Ctrl + click in the IDE).

Click on the definition node for classes, methods, and variables to find all examples of the use of that node. The examples are further classified By Referenced At, Inherit, Inherited By, Override and other types for easy searching. If there are too many results, there will also be a text box in the upper right of the use case that supports regular expression to filter out files of interest.

Directory tree

Click the File button and you’ll see a tree-like directory structure. Forget the pain of switching files on GitHub. The File tree lets you easily switch between files within your project.

For private projects to take effect, click the Sign In button below and import the private project file tree to insight. IO.

Code search

GitHub only supports plain text search, which can sometimes make the search code difficult, especially if the keywords you’re looking for are common words, and the sheer number of useless results can make the search function completely unusable. IO. Click the Search button to Search for code by class name, method name, variable name, filename, etc., with auto-completion. Try rdD. map on Insight. IO and GitHub native search to compare results.

Jump to the Insight. IO

You can also jump to Insight. IO with one click for a better browsing experience.

Submit the project to Insight. IO

Insight. IO currently catalogs more than 2,000 of the most active open source projects, including large ones like Apache Kafka and linux-kernel, as well as quality individual projects like AndroidSwipeLayout. If the project you want is not covered by us, click the Request Analyze TAB under Information to submit the project you are currently viewing.

shortcuts

Use shortcut keys to quickly open and close plug-in functions:

  • The file tree: ⌘ + ⇧ + f
  • Class structure: ⌘ + ⇧ + o
  • information: ⌘ + ⇧ + I
  • search: ⇧ ⌘ + + s

Currently, plug-ins are supported in Java, C/C++, Scala, Python, and Ruby. Want to give the team a thumbs up or a thumbs up? Want to know when PHP, the best programming language, will be supported? Want to know how to make Insight. IO available to your corporate code base? Email us at [email protected] or leave a comment here.

Come download and experience it!

Download the plugin