DEV Community

Cover image for GitHub's In-Built New Feature: Quickly Open Any Repository In Visual Studio Code
Yogesh Chavan
Yogesh Chavan

Posted on • Originally published at blog.yogeshchavan.dev

GitHub's In-Built New Feature: Quickly Open Any Repository In Visual Studio Code

Introduction

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

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 Repository in Visual Studio Code

Just press . (dot) on your keyboard when browsing any GitHub repository and it will be opened in Visual Studio Code on 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 😍.

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 and 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 3 apps along with 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 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.

Discussion (0)