1. Zuhause
  2. Frage und Antwort
  3. SASS Syntax-Hervorhebungen in Visual Studio

SASS Syntax-Hervorhebungen in Visual Studio

2012-11-30 8 views
23

Derzeit verwende ich dieses Plugin für Syntax in Visual Studio Hervorhebung http://www.mindscapehq.com/products/web-workbenchSASS Syntax-Hervorhebungen in Visual Studio

persönlich alles, was ich mag es überhaupt nicht. Es hat begrenzte Funktionen und schlechte Formatierung im Vergleich zu anderen Editoren. In meiner freien Arbeit benutze ich Sublime Text 2 und Aptana, die SASS hervorragend unterstützen. Aber bei meinem Job muss ich Visual Studio verwenden. Weiß jemand anderes von einem guten Plugin, das SASS-Unterstützung hat?

Es ist mir egal, ob es die Dateien erstellt, die ich über die Befehlszeile sowieso mache. Ich möchte nur etwas, das gute Syntaxunterstützung hat.

Quelle

2012-11-30 ddilsaver

+1

Es sagt, nach unten, dass Web Essentials einige zusätzliche Funktionalität bei der Verwendung von Web-Werkbank hat. Haben Sie Web Essentials installiert? http://visualstudiogallery.msdn.microsoft.com/6ed4c78f-a23e-49ad-b5fd-369af0c2107f – TNCodeMonkey

+0

@TNCodeMonkey Ich habe das nicht installiert. Ich konnte das auch nicht auf der Website finden. Ich werde das installieren und sehen, ob es hilft.Danke, – ddilsaver

+0

Ich hoffe, dass es wird, irgendwie habe ich jetzt weniger Styling in meinen Apps jetzt. Wenn nicht, ist es immer noch eine wirklich großartige Erweiterung für Web-Entwickler. – TNCodeMonkey

Antwort

11

Try wählen SassyStudio. Es ist kostenlos und arbeitet mit VS 2012/13:

http://visualstudiogallery.msdn.microsoft.com/85fa99a6-e4c6-4a1c-9f00-e6a8129b6f4d?SRC=VSIDE

ich auch nicht 39 pro Jahr für Web Workbench $ zahlen wollte. SassyStudio funktioniert perfekt für mich.

Hier sind die Einstellungen Ich verwende (given to me by the developer):

  • Umwelt
    • Schriftarten und Farben
    • Scroll down
    • "Anzeigeelemente"
    • Klicken Sie auf ein Element, zB "SCSS CSS Property Name"
    • Ändern Sie die "Item Vordergrund" -Farbe (Hintergrund alleine lassen)
  • Sassy
    • Studio Experimental Intellisense: Wahre
  • Texteditor
    • Dateierweiterung
    • Stellen Sie sicher, es gibt keine css, SCSS oder sass Dateierweiterungen (löschen Sie alle, die vorhanden sind)

Starten Sie VS neu, damit diese Änderungen wirksam werden.

Quelle

2013-12-09 15:56:16 Ryan

+0

Das sieht sehr vielversprechend aus. Weißt du, ob es eine Möglichkeit gibt, die Farben für die Syntaxhervorhebung anzupassen? Im Moment sind die Elternelemente nur schwarz und ich möchte das ändern. Ich sehe nichts in der Dokumentation, also nehme ich an, dass ich es in den VS-Einstellungen ändern muss – ddilsaver

+1

@ddilsaver Ja, siehe meine aktualisierte Antwort. – Ryan

+1

Das Problem ist, SassyStudio funktioniert nicht in Visual Studio 2015. –

3

Versuchen Sie folgendes:

In VS 2012 öffnen Sie das Menü Extras> Optionen, auf der linken Seite wählen Sie die Menü-Text-Editor> Dateierweiterung und dann SCSS als Erweiterung hinzufügen und CSS-Quelltext-Editor aus Dropdown als Editor

Quelle

2013-07-16 08:56:01 Welly

+4

Das funktioniert nicht so gut. Wenn Sie Elemente in der '.scss'-Syntax verschachteln, wird die Einrückung unterbrochen. Nette Idee, obwohl – ddilsaver

+0

Ich mag diese Idee. Alles was ich will, ist Einrückung. : D – traditional

Verwandte Themen

 Verwandte Themen