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

Hei*_*nzi 2 css c# asp.net google-chrome visual-studio-2017

在Visual Studio 2015中:

  1. 创建一个新的空C#ASP.NET Web应用程序(Framework 4.6).
  2. 添加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>
    
    Run Code Online (Sandbox Code Playgroud)
  3. 添加mycss.css:

    div { color: red; }
    
    Run Code Online (Sandbox Code Playgroud)
  4. 右键单击WebForm1.aspx并选择"设置为起始页".

  5. 点击选中"Google Chrome"作为浏览器的"运行"按钮.
  6. 在Visual Studio中打开mycss.css并更改redblue.

请注意,在您完成输入的那一刻blue,Chrome中的颜色会变为蓝色.无需在Visual Studio中保存,无需在Chrome中重新加载.这个功能太棒了!

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

我该如何获得该功能?这是一些配置选项吗?还是故意弃用的功能?还是一个bug?

Dav*_*idG 9

您正在寻找的功能称为浏览器链接,是Visual Studio的一部分.确保已启用该功能,并且已启用"启用CSS自动同步"功能.在这里看到更多的信息.此页面与.Net Core相关,但仍应与WebForms相关.

在此输入图像描述