Aktiviere Live Sass DevTools Experiment

Question

Wie können wir live sass in devtools aktivieren?

Base auf Umaar Eintrag in eigenem Blog

https://umaar.com/dev-tips/103-live-sass/

Answer 1

"Enable CSS Quelle Maps" Um zu klären, nur Ihrem Browser erlauben Zuordnungen zwischen SCSS und CSS zu zeigen. Live SASS ist noch experimentell feauture. Sie können es aktivieren, indem Sie in den Dev-Tools-Einstellungen auf der Experimentierregisterkarte sechsmal die SHIFT-Taste drücken.

Ich versuchte es in neuesten instabilen Chrom bauen auf Linux und es scheint nicht zu funktionieren, so dass Sie neuesten Canary Build benötigen.

UPDATE:

Es funktioniert in 53.0.2763.0 dev bauen auf Linux.

Answer 2

Update: bei dieser Suche wieder scheint es eine neue experimentelle Funktion zu sein, die anscheinend in Chrome Canary ist, was die Notwendigkeit herausnimmt zu laufen sass watch ich denke. Ich bin jedoch nicht in der Lage zu finden, wo dies aktiviert wird. Ich habe meine ursprüngliche Antwort hinterlassen, da sie noch nützlich sein kann.

Dies ist kein experimentelles Merkmal mehr. Stellen Sie unter Einstellungen sicher, dass "CSS-Quellkarten aktivieren" aktiviert ist und (optional) automatisch generiertes CSS neu laden kann.

Sie können Ihre Quelldateien als Arbeitsbereich und Live bearbeiten hinzufügen:

Auf einer Seite zur Kenntnis, experimentelle Funktionen in Chrome zu aktivieren, navigieren Sie zu chrome://flags/, ermöglichen Developer Tools experiments und starte Chrome neu.

in den Einstellungen erhalten Sie einen neuen Experimente siehe Abschnitt: