在vscode.dev中编辑网页时是否可以预览正在编辑的页面？

完全可以实现实时预览，以下是两种常用的可行方案：

方案1：使用官方Live Preview扩展（推荐，支持热更新） #

这是最省心的方案，适配纯静态HTML和常规前端项目：

• 打开左侧边栏的扩展面板（方块形状图标），搜索Live Preview，安装微软官方推出的对应扩展即可，无需本地下载任何程序
• 打开需要预览的HTML文件，编辑器右上角会出现预览图标，点击后即可在编辑器侧边拆分出实时预览面板，修改代码并保存后预览会自动刷新
• 如果需要在独立浏览器标签页预览，点击预览面板右上角的「在浏览器中打开」选项即可，生成的临时本地端口链接修改内容同样会自动同步更新

如果是Vue、React等框架类前端项目，正常在终端执行项目启动命令（比如npm run dev）后，将启动后返回的本地服务地址输入到Live Preview的地址栏，即可实现项目的实时预览，操作逻辑和本地版VS Code完全一致。

方案2：无需安装扩展的临时预览方案 #

如果不想安装扩展，可以用内置的简易浏览器实现预览：

• 按下Ctrl+Shift+P（Mac系统为Cmd+Shift+P）调出命令面板
• 输入Simple Browser: Show后回车，在弹出的输入框中填入你的前端项目启动后的本地服务地址，即可打开内置预览页面

注意：vscode.dev所有运行逻辑都在浏览器沙箱中完成，预览使用的临时服务不会上传你的代码到外部服务器，所有操作均在本地环境执行，无需担心代码安全问题。

内容的提问来源于stack exchange，提问作者Frazer Kirkman