如何在 Visual Studio 中(重新)启用实时 CSS 编辑?

Posted

技术标签:

【中文标题】如何在 Visual Studio 中(重新)启用实时 CSS 编辑?【英文标题】:How do I (re-)enable real-time CSS editing in Visual Studio? 【发布时间】:2018-03-23 08:22:02 【问题描述】:

在 Visual Studio 2015 中:

    创建一个新的空 C# ASP.NET Web 应用程序(框架 4.6)。

    添加WebForm1.aspx:

    <%@ Page Language="C#" %>
    <!DOCTYPE html>
    <html>
    <head>
        <title></title>
        <link href="mycss.css" type="text/css" rel="stylesheet" />
    </head>
    <body>
        <div>Hello World</div>
    </body>
    </html>
    

    添加mycss.css:

    div  color: red; 
    

    右击WebForm1.aspx并选择“设为起始页”。

    点击“运行”按钮,选择“Google Chrome”作为浏览器。 在 Visual Studio 中打开 mycss.css 并将 red 更改为 blue

请注意,在您完成输入 blue 的那一刻,Chrome 中的颜色会变为蓝色。无需在 Visual Studio 中保存,无需在 Chrome 中重新加载。这个feature is awesome!

现在在 Visual Studio 2017 (15.3.5) 中执行相同的操作。什么都没发生。我必须保存 CSS 文件重新加载浏览器页面才能看到更改。

如何恢复该功能?这是一些配置选项吗?还是故意弃用的功能?还是错误?

【问题讨论】:

【参考方案1】:

您正在寻找的功能称为浏览器链接,它是 Visual Studio 的一部分。确保该功能已启用并且“启用 CSS 自动同步”已打开。 See here for more info。此页面与 .Net Core 相关,但仍应与 WebForms 相关。

【讨论】:

谢谢,就是这样!在您知道它的正式名称之前,很难用谷歌搜索某些功能。 我还必须关闭“在保存时启用重新加载”才能使我所做的更改变得流畅和实时。

以上是关于如何在 Visual Studio 中(重新)启用实时 CSS 编辑?的主要内容,如果未能解决你的问题,请参考以下文章

如何在 Visual Studio 2015 隔离外壳中启用PrivateGalleries

如何在 Visual Studio 2017 中启用 WiX 项目

如何在 Visual Studio 2017 中启用 TFS 跟踪

如何在 Visual Studio 中启用 NuGet 包还原?

如何在 Visual Studio 2019 中启用编译器警告?

如何在 Visual Studio 2013 中启用 C# 6.0 功能?