Visual Studio 2015 html和css实时预览

时间:2017-02-02 17:27:20

标签: html css visual-studio

Visual Studio 2015中是否提供HTML和CSS实时预览?如果是的话,如何激活它? 如果没有,Visual Studio 2015是否有任何插件可以使用此功能?

3 个答案:

答案 0 :(得分:0)

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

答案 1 :(得分:0)

我不确定Visual Studio中是否有开箱即用的功能(我不做多少网页开发),但快速Google搜索会返回这些扩展名,可能对你有帮助:

答案 2 :(得分:0)

您可以右键单击项目名称,然后检查它是否为“页面检查器”提供了选项。

如果确实如此并且您选择它,它将在visual studio上打开一个面板,显示您的应用程序,因为它将在浏览器中显示,下面的html位于面板的单独部分中,以及单独的样式部分等等。

与您在浏览器上打开开发人员工具时所看到的类似,但包含预览。

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

您甚至可以展开或缩小预览面板,如果您的应用是响应式的,它也会在面板中响应。