在浏览器中认识 VS Code (vscode.dev)——在任何浏览器上运行 VS Code

然而,当您无法访问自己的计算机或计算机功能不足以运行这些IDE时,你的选择是相当有限的VS Code团队一直在努力为我们提供更好的解决方案——VS Code 现在可以作为基于 Web 的应用程序使用。也就是说,您可以通过在浏览器中访问一个网站—— vscode.dev来启动在线 VS Code 编辑器。

VS Code for Web

独立于平台

因为VS Code for Web本质上是一个Web应用程序,它运行在浏览器上。因此,它几乎可以在任何有网络浏览器的智能设备上运行。在我的桌面上打开应用程序后,我在我的手机上尝试了一下,如下图所示。不是很糟,对吧?

iPhone上的VS Code for Web(Chrome)

支持通用编程语言

我还没有听说过任何 VS Code 根本不支持的语言。 但是,由于 VS Code for web 是在浏览器中运行的,因此受 Web 浏览器能力的限制,它对编程语言的支持是有限的。 尽管如此,正如官方博客在发布 VS Code for web 时所介绍的那样,根据支持级别的不同,共有三个类别。

最佳:此类别包括与 Web 开发最相关的语言,例如 JSON、HTML 和 CSS。 您无法真正区分 Web 和桌面版本之间的任何区别。

一些HTML代码

较好:正如您所知,Web 浏览器中大量使用了 TypeScript 和 JavaScript。 最近,Python 也加入了这个团队。 因此,这三种语言与 VS Code for web 具有更好的兼容性。 您将在语法高亮和错误方面拥有非常好的经验。

一些 JavaScript 代码

:此类别适用于大多数语言,例如 C/C++、Java、C# 和 Go。 支持仅限于语法着色、括号对突出显示和其他一些基本内容。

一些 C++ 代码

文件系统访问

尽管它是一个网络应用程序,但这并不意味着您永远不想使用计算机上的文件。 你仍然可以这样做。 当您单击“打开文件夹”时,系统会提示您在计算机上选择一个文件夹。

访问本地系统的文件

选择文件夹后,Chrome 会要求您授予访问文件系统的权限。

当您想尝试将新文件添加到文件系统时,可能会有其他提示询问您是否将更改保存到文件系统。

扩展

访问我的本地文件后,我在文件夹中添加了一个 Python 脚本文件。 正如您在桌面应用程序中所体验到的那样,系统会提示您安装推荐的 Python 扩展。

VS Code for the Web,扩展提示

不奇怪,推荐的扩展是 VS Code 的官方 Python 扩展。 但是,它还警告说 VS Code for web 的功能可能会受到限制。 无论如何,我要点击“Install Anyway”。

Python 扩展

安装 Python 扩展后,我获得了 Python 脚本所需的自动完成提示,如下所示。 多好啊!

安装扩展后的 Python 编码

当然,您还可以尝试许多其他扩展。 但是,许多扩展程序尚未准备好用于网络版本。 相信很多开发者都会更新他们的插件,为网页版提供更多的支持。 让我们拭目以待。

GitHub 集成

对于我们中的许多人来说,我们使用 GitHub 来托管我们的源代码控制代码。 它也集成到 VS Code for Web 中。 当您单击“打开远程存仓库Open Remote Repository”时,系统会提示您访问您的 GitHub 帐户。

GitHub的授权

授予授权后,您将看到您的存储库已列出,您可以选择打开您想要的存储库。 是不是超级方便?

如果您想同步您的设置,您可以登录您的帐户,以便您的网络应用程序的设置可以与您的桌面版本同步。 因此,您在桌面应用程序上完成的任何设置也可以在您的网络应用程序上使用。

总结

在本文中,我们将了解 VS Code for web 的工作原理。 从本质上讲,它具有最基本的元素,例如代码智能和GitHub集成,供您进行编码。 最大的优势是几乎可以在任何可以访问网络的地方进行编码。

当然,它毕竟是在 Web 浏览器上运行有一些限制,因此它没有桌面应用程序必须提供的全部功能。 不过,您可以尝试使用它,或者也只是为了好玩!

发表评论