Comment (re) activer l'édition CSS en temps réel dans Visual Studio?

Dans Visual Studio 2015:Comment (re) activer l'édition CSS en temps réel dans Visual Studio?

Créer une nouvelle application Web vide C# ASP.NET (Framework 4.6).

Ajouter 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>

Ajouter mycss.css:
```
div { color: red; } 
```
Faites un clic droit sur WebForm1.aspx et choisissez "Définir comme page de démarrage".
Cliquez sur le bouton "Exécuter" avec "Google Chrome" sélectionné comme navigateur.
Ouvrez mycss.css dans Visual Studio et remplacez red par blue.

Notez que le moment vous avez fini de taper blue, la couleur Chrome change au bleu. Aucune sauvegarde dans Visual Studio requise, aucun rechargement dans Chrome requis. Ce feature is awesome!

Maintenant, faites de même dans Visual Studio 2017 (15.3.5). Rien ne se passe. Je dois enregistrer le fichier CSS et recharger la page du navigateur pour voir la modification.

Comment récupérer cette fonctionnalité? Est-ce une option de configuration? Ou une fonctionnalité délibérément déconseillée? Ou un bug?

Source

2017-10-11 Heinzi

La fonctionnalité que vous recherchez est Browser Link et fait partie de Visual Studio. Assurez-vous que la fonction est activée et que "Activer CSS Auto-Sync" est activé. See here for more info. Cette page concerne le .Net Core, mais devrait toujours être pertinente pour WebForms.

Source

2017-10-11 16:03:20 DavidG

Merci, c'est ça! Il est difficile de google pour une fonctionnalité jusqu'à ce que vous sachiez que c'est un nom officiel. – Heinzi

Comment (re) activer l'édition CSS en temps réel dans Visual Studio?

Répondre

Questions connexes