Visual studio code 如何在Visual Studio代码中打开网页预览?

Visual studio code 如何在Visual Studio代码中打开网页预览?,visual-studio-code,Visual Studio Code,鉴于VisualStudio代码基于ChromeWebKit 我们可以在编辑器中以面板的形式打开预览吗 根据,此功能要求很高 目前,我如何解决这个问题: 编辑文件 C:\Program Files (x86)\Microsoft VS Code\resources\app\out\vs\workbench\parts\ markdown\browser\resources\welcome-mac.md 具有超级管理员权限,并添加 <input type="text"

鉴于VisualStudio代码基于ChromeWebKit

我们可以在编辑器中以面板的形式打开预览吗


根据,此功能要求很高

目前,我如何解决这个问题: 编辑文件

C:\Program Files (x86)\Microsoft VS Code\resources\app\out\vs\workbench\parts\
markdown\browser\resources\welcome-mac.md
具有超级管理员权限,并添加

<input type="text" value="http://127.0.0.1:8080/" id="preview" onkeydown="var k = event.which; if (k==8) this.value = this.value.slice(0, -1);else if (k==13) document.getElementById('prevButton').click(); else this.value+=String.fromCharCode((96 <= k && k <= 105)? k-48 : k); "/>
<input type="button" onclick="window.location.replace(document.getElementById('preview').value);" value="Preview" id="prevButton" />

然后只需打开菜单中的Welcom页面,就可以看到这个


最后,根据Dan Shryock的回答,为html正文添加一个白色背景,下面是我所做的:

  • 然后安装live server
    npm安装-g live server
  • 在项目文件夹中运行
    live server
  • 创建一个live-view.md文件,其中包含此文件(将其放在任何您想要的位置。我将其放在所有项目的基本文件夹中,因为我可以将其用于当前正在处理的任何项目):

    
    

  • 在VS代码的第二个/拆分窗格中打开live-view.md,然后单击“打开预览”按钮(文件右上角)


  • 现在,每当我保存时,我都会看到实时预览中显示的更改。

    您是如何从菜单中打开欢迎页面的?我看不出有什么选择。