Open any Github Repo in VS Code

Open any Github Repo in VS Code

Written by Yogesh Chavan on Aug 12th, 2021 ・ Views ・ Report Post

Yogesh Chavan Visit User Profile

Introduction

GitHub has added built-in support to open your repository in Visual Studio Code easily.

Previously, we either need to use octotree extension to browse files or use github1s to view in Visual Studio Code.

But github1s was opening just a read-only editor where you can't make any modifications to files.

Now, with GitHub's in-built support, you can quickly open any GitHub repository in Visual Studio Code and get the look and feels of it.

Almost all the features of Visual Studio Code you can explore in this feature.

How to Open a Repo in VS Code

Just press . (dot) on your keyboard when browsing any GitHub repository, and the code will be opened in Visual Studio Code in the browser.

For example, suppose you're on Spotify Music Search App Repository and you press . (dot), then you'll be redirected to Visual Studio Code with your repository opened in it as shown below:

It's so cool 😍.

🤩 Our Amazing Sponsors 👇
DigitalOcean View Website
DigitalOcean offers a simple and reliable cloud hosting solution that enables developers to get their website or application up and running quickly.
Laravel News View Website
Laravel News keeps you up to date with everything Laravel. Everything from framework news to new community packages, Laravel tutorials, and more.
Genesis View Website
A Laravel Starter Kit that includes Authentication, User Dashboard, Edit Profile, and a set of UI Components.

Currently, you can't open a terminal to execute the code. But you get the full power and feel of Visual Studio Code, and you can even edit the code.

For now, If you want to execute the code in the repository, you can replace the GitHub with githubbox in your GitHub repository URL. It will open CodeSandbox, where you can see your code and execute it.

For example, the URL https://github.com/myogeshchavan97/spotify-music-search-app will become https://githubbox.com/myogeshchavan97/spotify-music-search-app after replacing github with githubbox.

To learn more about the Visual Studio Code Web editor, check out this link.

Thanks for reading!

Check out my recently published Mastering Redux course.

In this course, you will build three apps along with a food ordering app, and you'll learn:

  • Basic and advanced Redux
  • How to manage the complex state of array and objects
  • How to use multiple reducers to manage complex redux state
  • How to debug Redux application
  • How to use Redux in React using react-redux library to make your app reactive.
  • How to use the redux-thunk library to handle async API calls and much more

And then finally, we'll build a complete food ordering app from scratch with stripe integration for accepting payments and deploy it to the production.

Want to stay up to date with regular content regarding JavaScript, React, Node.js? Follow me on LinkedIn.

Comments (0)