GitHub 内置新功能：在 Visual Studio Code 中快速打开任何存储库

介绍

GitHub 已添加内置支持，以便在 Visual Studio Code 中轻松打开您的存储库。

以前我们要么需要使用octotree扩展来浏览文件，要么使用github1s在Visual Studio Code中查看。

但是 github1s 只打开了一个只读编辑器，您无法对文件进行任何修改。

现在，借助 GitHub 的内置支持，您可以在 Visual Studio Code 中快速打开任何 GitHub 存储库并获得其外观和感觉。

您可以在此功能中探索 Visual Studio Code 的几乎所有功能。

如何在 Visual Studio Code 中打开存储库

浏览任何 GitHub 存储库时，只需按下键盘上的 .（点），它就会在浏览器上的 Visual Studio Code 中打开。

例如，假设您在Spotify 音乐搜索应用程序存储库中并按下 . （点），那么您将被重定向到 Visual Studio Code，其中打开了您的存储库，如下所示：

太酷了😍。

目前，您无法打开终端来执行代码。但您可以获得 Visual Studio Code 的全部功能和体验，甚至可以编辑代码。

目前，如果您想执行存储库中的代码，您可以在 GitHub 存储库 URL 中将 github 替换为 githubbox，它将打开 CodeSandbox，您可以在其中查看您的代码并执行它。

例如，将 github 替换为 githubbox 后， URL https://github.com/myogeshchavan97/spotify-music-search-app将变为https://githubbox.com/myogeshchavan97/spotify-music-search-app 。

要了解有关 Visual Studio Code Web 编辑器的更多信息，请查看此链接。

感谢阅读！

查看我最近发布的Mastering Redux课程。

在本课程中，您将构建 3 个应用程序以及食品订购应用程序，您将学习：

• Redux 基础与高级
• 如何管理数组和对象的复杂状态
• 如何使用多个 Reducer 来管理复杂的 Redux 状态
• 如何调试 Redux 应用程序
• 如何在 React 中使用 Redux，使用 react-redux 库让你的应用程序具有响应性。
• 如何使用 redux-thunk 库处理异步 API 调用等等

最后，我们将从头开始构建一个完整的食品订购应用程序，并通过条纹集成来接受付款并将其部署到生产中。

想要定期了解有关 JavaScript、React 和 Node.js 的最新内容吗？请在 LinkedIn 上关注我。