如何（重新）在Visual Studio中啓用實時CSS編輯？

在Visual Studio 2015年：如何（重新）在Visual Studio中啓用實時CSS編輯？

創建一個新的空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：上WebForm1.aspx
```
div { color: red; } 
```
單擊鼠標右鍵，選擇「設置爲起始頁」。
點擊「運行」按鈕，選擇「Google Chrome」作爲瀏覽器。
在Visual Studio中打開mycss.css並將red更改爲blue。

注意完成鍵入blue的那一刻，在Chrome的顏色變爲藍色。在Visual Studio中不需要保存，不需要在Chrome中重新加載。這feature is awesome！

現在，在Visual Studio 2017（15.3.5）中也是這樣做的。什麼都沒發生。我必須保存CSS文件和重新加載瀏覽器頁面以查看更改。

我該如何獲得該功能？這是一些配置選項？還是故意棄用的功能？還是一個錯誤？

來源

2017-10-11 Heinzi

您正在查找的功能稱爲瀏覽器鏈接並且是Visual Studio的一部分。確保該功能已啓用，並且「啓用CSS自動同步」處於打開狀態。 See here for more info。本頁涉及.Net Core，但仍應與WebForms相關。

來源

2017-10-11 16:03:20 DavidG

謝謝，就是這樣！直到你知道它的官方名稱，很難谷歌的一些功能。 – Heinzi

如何（重新）在Visual Studio中啓用實時CSS編輯？

回答

相關問題