微软推出VSCode.Dev,将Visual Studio Code带入浏览器

Visual Studio Code Web版发布

Microsoft通过vscode.dev域名发布了基于云的Visual Studio Code编辑器版本,该版本提供了一个轻量级的编辑器,可以直接在浏览器中运行,无需安装。

功能概览

虽然Visual Studio Code Web版不如其桌面版强大,但它提供了许多功能,包括在支持File System Access API的浏览器中进行本地文件编辑、语法着色、基于文本的补全、语法高亮和错误提示等。这些功能的具体可用性取决于特定语言,因为它们必须完全在浏览器中运行。

语言支持

Microsoft表示,对于大多数编程语言(包括Go、Rust、C/C++、PHP和Java),编辑、导航和浏览源代码文件的功能通常表现良好。这包括代码语法着色、基于文本的补全和括号对着色。TypeScript、JavaScript和Python则使用了新的浏览器原生语言服务实现,额外支持单文件补全、语义高亮和语法错误提示。

扩展兼容性

Visual Studio Code的强大之处在于丰富的扩展,这些扩展可以为编辑器添加新功能和特性,使许多开发者能够提高生产力并自定义工作流程。然而,并非所有桌面版的Visual Studio Code扩展都与Web版兼容。

当VS Code在Web中使用时,安装的扩展在浏览器的扩展主机中运行,称为“Web扩展主机”。能够在Web扩展主机中运行的扩展称为“Web扩展”。

虽然扩展使用相同的VS Code API,但它们不能使用Node.js API或加载模块。Microsoft表示,大多数UI自定义扩展可以工作,但需要任何OS特定的npm模块或运行本地可执行文件的扩展则不能。

扩展迁移

Microsoft提供了详细的步骤,帮助开发者将包括JavaScript代码在内的扩展迁移到新的Web扩展架构。Microsoft将语言服务器协议引入VS Code Web的工作可以作为参考,包括一个可运行的示例。其他已经移植到VS Code Web的复杂扩展包括Luna Paint图像编辑器和GitHub Issue Notebooks

GitHub集成

VS Code Web版附带了许多扩展,允许开发者与GitHub协作,例如进行快速编辑、审查PR,并快速切换到本地克隆或GitHub Codespace(如果需要更多功能)。

与github.dev的比较

VS Code Web版与github.dev(GitHub的基于浏览器的代码编辑器,可直接从任何GitHub仓库或拉取请求访问)看起来相似。两者都基于VS Code,主要区别在于github.dev与GitHub的深度集成,而VS Code Web旨在与多个仓库托管服务(包括GitHub和Azure Repos)协作,并有可能通过扩展支持更多服务。

与GitHub Codespaces的区别

值得注意的是,VS Code Web版与GitHub Codespaces有显著不同,尽管后者也基于VS Code。GitHub Codespaces提供了一个完整的环境,允许安装插件、运行构建脚本、GitHub Actions等。此外,目前Codespaces仅限于团队或企业用户。如果开发者对探索便携式、基于云的开发环境的替代方案感兴趣,可以查看gitpod.ioEclipse Che

开发者反馈

Hacker News上的开发者对VS Code Web版的发布反应积极,称赞其响应速度以及能够透明且轻松地将开发环境从一台设备迁移到另一台设备,并在完全相同的状态下继续工作。许多开发者还提到了使用iPad或Android平板进行开发任务(包括离线使用)或用于[教育](https://news.ycombinator.com/...)的新便利性。一个有用的建议是创建一个应用程序快捷方式,以便直接从启动屏幕启动编辑器,这将移除浏览器界面并使编辑器[正确处理控制键](https://news.ycombinator.com/...)。在负面评论中,一些开发者对VS Code Web版部分闭源表示担忧,担心可能会陷入一个随时可能更改许可或定价的开发环境[锁定风险](https://news.ycombinator.com/...)。

浏览器支持

Visual Studio Code Web版在现代浏览器(包括Chrome和Edge)中表现最佳。特别是,Safari的限制使其无法支持本地文件的使用。

阅读 20
0 条评论