Visual Studio 2015 html 和 css 实时预览答案

【问题标题】：Visual Studio 2015 html and css live previewVisual Studio 2015 html 和 css 实时预览
【发布时间】：2017-02-02 17:27:19
【问题描述】：

在 Visual Studio 2015 中是否提供 HTML 和 CSS 实时预览？如果是这样，如何激活它？如果没有，Visual Studio 2015 是否有任何插件可以使用此功能？

【问题讨论】：

【解决方案1】：

我在 Visual Studio Marketplace 中找到了一个插件。该插件的名称是 Live HTML Previewer。这里是the link

【讨论】：

【解决方案2】：

我不确定 Visual Studio 中是否有开箱即用的功能来执行此操作（我不做太多 Web 开发），但快速的 Google 搜索返回了这些可能对您有所帮助的扩展：

【讨论】：

【解决方案3】：

您可以右键单击您的项目名称并检查它是否提供“页面检查器”选项。

如果是这样并且您选择了它，它将在 Visual Studio 上打开一个面板，显示您的应用程序，就像它在浏览器中显示的一样，下面的 html 在面板的单独部分以及样式的单独部分中等。

类似于您在浏览器上打开开发人员工具时看到的内容，但包含预览。

虽然您无法更改面板的 html 部分中的代码，但您可以更改您的实际项目文件并通过单击指示文件已更改的黄色通知栏来更新预览。

您甚至可以扩大或缩小预览面板，如果您的应用是响应式的，那么它在面板中也将是响应式的。

【讨论】：