How to browse project files on GitHub as if you are browsing in your IDE

Yogesh Chavan
Level Up Coding
Published in
2 min readMay 2, 2020

--

Browse files on GitHub like a pro

Octotree

Today we will see two very handy extensions which I’m using extensively and how they are very useful when working with GitHub.

Octotree

It allows us to browse project files on GitHub just like you browse files in your favorite IDE.

You can install it for chrome from HERE

Once installed, when you goto any project on GitHub, you will see a Octotree button on the left which opens a drawer allowing you to easily browse the files

So now, there is no need for clicking on the folder back and forth to go to any file in a GitHub repository.

Octolinker

This is another useful extension that allows us to quickly goto any file by just clicking on the import statement in the file.

You can install it for chrome from HERE

So just like you use Control + click or Command + click (Mac) to navigate to any code in your IDE, you can navigate using this extension by just a single click as shown below

If you want to run the GitHub project directly from GitHub without cloning it, check out my this article.

That’s it for today. I hope you learned something new.

Don’t forget to subscribe to get my weekly newsletter with amazing tips, tricks, and articles directly in your inbox here.

--

--