如何使用Visual Studio代码在浏览器中查看HTML文件

如何使用新的Microsoft Visual Studio code在浏览器中查看我的HTML代码?

使用notepad++，您可以选择在浏览器中运行。我如何用Visual Studio Code做同样的事情?

当前回答

VS Code有一个实时服务器扩展，支持一键启动状态栏。

一些特点:

一键从状态栏启动生活重新加载支持Chrome调试附件

其他回答

最近在www.lynda.com的一个visual studio代码教程中发现了这个功能

按Ctrl + K + M，它将打开“选择语言模式”(或点击右下角的HTML前面的笑脸)，输入markdown并按enter

现在按Ctrl + K后面跟着V，它将打开你的html在附近的标签。

Tadaaa ! !

现在emmet命令在我的html文件中不能在这种模式下工作，所以我回到了原始状态(注- html标签tellisense工作完美)

—按“Ctrl + K + M”，选择“auto-detect”。埃米特的命令开始生效。如果你只喜欢html查看器，那么没有必要让你回到原来的状态。

不知道为什么vscode没有html查看器选项默认情况下，当它能够显示html文件在markdown模式。

您现在可以在浏览器中安装一个扩展视图。我在chrome的windows上测试了它，它是工作的。

Vscode版本:1.10.2

如果你只是在Mac上，这个任务。json文件:

{
    "version": "0.1.0",
    "command": "open",
    "args": ["${file}"],
}

.．.在Safari中打开当前文件(假设扩展名为“.html”)所需要的全部内容。

创建任务。Json，并使用⌘+shift+b调用它。

如果你想在Chrome中打开它，那么:

{
    "version": "0.1.0",
    "command": "open",
    "args": ["-a", "Chrome.app", "${file}"],
}

这将做你想要的，如在打开一个新的标签，如果应用程序已经打开。

点击左下角的管理图标。单击扩展或快捷键Ctrl+Shift+X

然后搜索扩展与这个关键句打开默认浏览器。你会发现这个扩展。这对我更好。

现在右键单击html文件，你会看到在默认浏览器中打开或快捷键Ctrl+1在浏览器中看到html文件。

VS Code有一个实时服务器扩展，支持一键启动状态栏。

一些特点:

一键从状态栏启动生活重新加载支持Chrome调试附件

推荐文章