如何在 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
并选择“设为起始页”。
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 编辑?的主要内容,如果未能解决你的问题,请参考以下文章