现在开发者只要在浏览器访问vscode.dev,就能够启动网页版本VS Code,快速地在浏览器中以使用VS Code轻量级版本编写程序代码。网页版本VS Code的优势是不需要安装,微软提到,vscode.dev实现了他们在浏览器中,构建无服务器开发工具的愿景。
vscode.dev和github.dev的功能相似,但微软解释,github.dev是专为GitHub定制的VS Code版本,而vscode.dev则可以同时访问GitHub和Azure程序代码存储库。
vscode.dev在浏览器Edge和Chrome支持文件系统访问API,也就是说在开发者同意下,允许网页访问本地端文件系统,满足一些零安装本地开发场景的需求,像是查看和编辑本地端文件,即便开发者无法在受限的机器上,完整安装VS Code,也可以使用vscode.dev查看和编辑本地端文件。
在低功率的机器,像是无法安装完整版本VS Code的Chromebook和iPad,现在也能编辑文件,并且上传和下载文件,甚至使用文件应用程序将这些文件存储在云计算,或是使用内置的GitHub存储库扩展组件,远程访问存储库。
开发者也可以将vscode.dev结合浏览器工具一并使用,编写HTML、JavaScript和CSS应用程序,并且简单地进行调试。微软提到,即便开发者的浏览器不支持本地端系统API,也可以通过浏览器上传和下载来打开单个文件。
尽管能够以浏览器打开网页版本VS Code,提供开发者不少方便性,但毕竟是在浏览器中执行,因此VS Code部分功能仍受到限制,像是无法使用终端和调试器,在浏览器沙盒中,也无法编译、执行和调试Rust或Go应用程序。
程序代码编辑、导航和浏览体验也会因为程序语言不同相异,网页版本无法提供与桌面应用程序相同等级功能。桌面应用程序结合文件系统、Runtime和运算环境来提供这些IDE功能,但在浏览器中,完全由在浏览器中执行的语言服务提供支持,包括语法着色、程序代码完成和单一文件操作等。
对大多数程序语言来说,vscode.dev能够提供语法着色,还有基于文本的自动完成,也能对大括号着色,同时vscode.dev通过使用Tree-sitter语法树,提供C/C、C#、Java、PHP、Rust和Go等热门语言,Outline/Go to Symbol和Symbol Search等功能。
TypeScript、JavaScript和Python开发者,则能获得更好的开发体验,这些语言的开发功能由在浏览器中执行的语言服务支持,提供语义突出显示和语法错误等功能。而网页相关的语言,像是JSON、HTML、CSS和LESS等,则能获得与桌面应用程序几乎相同的开发体验。
大多数UI自定义扩展组件,像是主题、快捷键对应和程序代码片段操作等功能,都已经可以在vscode.dev中运行,开发者可以启动浏览器、桌面和GitHub Codespaces,同步地在不同设备间无缝开发。执行Node.js程序代码,并且使用专属于操作系统模块的扩展组件,虽然还是会显示在扩展组件搜索结果中,但是微软明确地表示,这些扩展组件确定无法使用。
VS Code许多扩展组件,都使用存储在GitHub中的程序代码,为了要方便开发者访问GitHub的程序代码,vscode.dev内置GitHub存储库、Codespaces和拉取请求扩展组件,让开发者可以快速编辑、审查拉取请求,并且进行本地复制。
vscode.dev和github.dev看起来是相同的程序代码编辑器,微软解释,github.dev是深度集成到GitHub中的网页版VS Code定制化实例,会自动登录,并使用github.com的URL格式等,而vscode.dev除了GitHub上的存储库,还支持Azure程序代码存储库。用户也可以在vscode.dev使用其他的程序代码存储库服务,但是跟在桌面应用程序的方法相同,需要通过扩展组件支持,只不过这些扩展组件必需要能在浏览器中运行。