Wie integrieren CSS-pre-processing innerhalb von Eclipse?

Möchte ich Bearbeiten SCSS-Dateien in Eclipse, vorzugsweise mit syntax-highlighting für .scss - Dateien.

Fand ich diese Ressourcen wertvoll:

Wie kann ich integrieren SCSS-Entwicklung im Eclipse-editor?

Oder, mehr allgemein, wie Binde ich eine CSS-pre-processor in Eclipse?

InformationsquelleAutor Eric H | 2011-09-30
  1. 293

    Ich habe gerade herausgefunden, wie man diese in Eclipse. Ich gebe zu, dass diese Lösung nicht zu 100% SASS-Unterstützung, die Farben ein wenig funky bei der Verwendung von verschachtelten css, aber es ist waaaaay besser als die Suche in plain text, und Sie brauchen nicht zu installieren Sie einen separaten editor.

    Müssen Sie assoziieren die .scss-Datei-Typ mit der einheitlichen Eclipse-CSS-Editor in Eclipse[Teil 1]. Nachdem Sie dies tun, müssen Sie die .scss-Datei-Typ, um die native CSS-Editor, wie auch so der CSS-Editor wird in der Lage sein, um es zu öffnen [Teil 2]. Hier sind die Schritte für eclipse (ich bin mit Eclipse Java EE IDE for Web Developers, Indigo):

    Teil 1 - Zuordnen .scss-Datei-Typ mit der einheitlichen Eclipse-CSS-Editor

    1. Gehen Window > Preferences

    2. Drilldown General > Editors > File Associations

    3. In Dateizuordnungen Bereich, klicken Sie auf den Button " Add..." - Taste auf der oberen rechten Seite.

    4. Für File Type: geben Sie *.scss und klicken Sie dann auf OK.

    5. Finden Sie die *.scss Eintrag in der File Associations Liste und wählen Sie es.

    6. Nach der Auswahl *.scss auf den unteren Bereich Associated editors:, klicken Sie auf die Add... - Taste.

    7. Stellen Sie sicher Internal editors ausgewählt ist auf der Oberseite, dann finden Sie und wählen Sie CSS Editor und klicken Sie dann auf OK.

    Diesem Zusammenhang den Datei-Typ .scss mit Finsternissen native CSS-Editor. Jetzt haben wir konfigurieren Sie die native CSS-Editor, zu unterstützen .scss-Dateien. Um dies zu tun, befolgen Sie diese Schritte:

    Teil 2 - Hinzufügen .scss-Datei-Typ, um die native CSS-Editor

    1. Gehen Window > Preferences

    2. Drilldown General > Content Types

    3. In der Content-Typen-Bereich, erweitern Sie Text, dann wählen Sie CSS

    4. Nach CSS ausgewählt ist, auf der Unterseite File associations: Bereich, klicken Sie auf die Add... - Taste.

    5. Für Content type: geben Sie *.scss und klicken Sie dann auf OK.

    6. Klicken Sie auf OK heraus zu schließen das Einstellungen-Fenster.

    Alles erledigt. Alles, was Sie jetzt tun müssen ist, schließen Sie alle .scss-Dateien, die Sie geöffnet haben, dann re-öffnen Sie Sie und wha-la, css Farben in Eclipse für .scss-Dateien!

    Hinweis: Wenn die css-Farben werden nicht angezeigt, müssen Sie möglicherweise Folgendes tun: Right click the .scss file > Open With > CSS Editor.

    Hoffe, das hilft.

    • +1 für die nicht-Installation der extra-tools und mithilfe von eclipse ist... eine Andere Möglichkeit könnte sein "colorer.sourceforge.net/eclipsecolorer"
    • eclipsecolorer unterstützt nur die sass-Dateien (tryd heute in juno)
    • geschaltet PHPStorm, viel schneller, viel bessere Unterstützung und event-Kompilierung auf speichern im editor. Probieren Sie es aus
    • danke für den Tipp, aber im contrained to eclipse :-/
    • eclipsecolorer nicht unterstützt scss. Es unterstützt sass. Es gibt Unterschiede.
    • Kompass sehen Sie Ihre scss und sass-Dateien, und kompilieren Sie auf speichern, um css, verwenden Sie Scout-wenn Sie möchten, eine GUI für die. Ich habe es installiert auf MacOS X, und aus der Spitze von meinem Kopf, bin nicht bewusst, wenn das funktioniert, auf anderen Plattformen, aber die Chancen sind es nicht.
    • Super!!!! Dies ist nützlich für die ftl-Dateien, die Sie zuordnen können HTML-editor unter Verwendung der gleichen Methode wie oben beschrieben. Danke!!!!
    • Naja, bis es ein real deal, das ist so gut, wie es erhalten. Dank
    • +1 für die Antwort. wirklich hilfreich
    • Ich bin mit Eclipse Luna und ich musste neu starten, das ganze Programm, um das syntax-highlighting funktioniert.
    • Hinzufügen einer Notiz für: Rechts-klicken Sie auf die .scss Datei > Öffnen Mit > CSS-Editor nutzen, statt > Weitere ... klicken Sie auf den CSS-Editor und markieren Sie dann "verwenden Sie diesen editor für alle" - Stil.scss "- Dateien, und aktivieren Sie " Verwenden Sie es für alle '*.scss " - Dateien.
    • Weiß jemand, ob es möglich ist, zu Eclipse zur Behandlung von SASS-spezifische syntax sehr schön, wenn die auto-Formatierung? Mit auto-format funktioniert Super mit dem CSS-wie Teile, aber mangles eine Menge von Schachteln und auch nur Variablen.
    • schöne Arbeit mit dem detail
    • Ich Liebe Sie man, sehr viele brüderliche Art und Weise.

    InformationsquelleAutor Scot
  2. 11

    Aptana Studio bietet syntax-Einfärbung, Unterstützung für SASS/SCSS und es ist möglich, die Installation von Aptana als Plugin in Eclipse. Siehe das folgende Zitat aus dem Aptana sownload Website:

    Installation über Eclipse

    Bitte kopieren Sie die folgende Update-Site-URL in die Zwischenablage zu kopieren und dann Folgen Sie die unten aufgeführten Schritte, um dieses URL zu Ihrem Available Software Sites-Liste. Versuch, auf diese URL zuzugreifen, verwenden Sie Ihren web-browser wird eine Fehlermeldung "Zugriff Verweigert".

    http://download.aptana.com/studio3/plugin/install

    1. Aus dem Hilfe-Menü, wählen Sie »Install New Software ...« und öffnen Sie die Neue Software Installieren-dialog.
    2. Fügen Sie den URL für die update-site in die Arbeit Mit dem text im Feld, und drücken Sie die Enter - (oder Return -) Taste.
    3. In der gefüllten Tabelle unten, aktivieren Sie das Kontrollkästchen neben dem Namen des plug-in, und klicken Sie dann auf die Schaltfläche Weiter.
    4. Klicken Sie auf die Schaltfläche Next, um die Seite mit der Lizenz.
    5. Wählen Sie die option zum akzeptieren der Bedingungen des Lizenzvertrags zu, und klicken Sie auf die Schaltfläche Fertig stellen.
    6. Müssen Sie möglicherweise starten Sie Eclipse erneut, um fortzufahren.
    • Werden Sie sich bewusst, dass Aptana hat sein eigenes Thema färben. Wenn Sie ' re verwendet, um eine bestimmte Eclipse color theme, Vorbereitung aufgeben zu müssen es völlig, wenn Sie die Installation der Aptana-Plugin.
    • Schlechte Idee! Völlig brach meine Eclipse-Editoren.
    InformationsquelleAutor Yun
  3. 6

    Können Sie die neueste Eclipse-Plug-in namens "Colorer", die jetzt unterstützt die SASS-Dateien. Hier ist es : http://colorer.sourceforge.net/eclipsecolorer/index.html

    Öffnen Sie "Install New software" Aus dem "Hilfe" - Menü in Eclipse und Geben Sie "http://colorer.sf.net/eclipsecolorer" in das "Arbeiten mit" - box, um das plug-in installieren

    • Unterstützt automatische (d.h. Strg+space) - Abschluss?
    • Zeigt zu viel Fehler ! fast auf jeder Zeile
    • es ist neue software verfügbar, die in Eclipse als "Liclipse", die Arbeit mit den meisten Sprachen
    InformationsquelleAutor vyasamit2007
Schreibe einen Kommentar