Ich möchte SCSS-Dateien in Eclipse bearbeiten, vorzugsweise mit Syntaxhervorhebung für .scss
Dateien.
Ich fand diese Ressourcen wertvoll:
- http://sass-lang.com/editors.html - hat keinen Editor nur für .scss-Dateien .sass
- http://colorer.sourceforge.net/eclipsecolorer - enthält nur .scss-Dateien
Wie kann ich die SCSS-Entwicklung in den Eclipse-Editor integrieren?
Oder allgemeiner, wie integriere ich einen CSS-Vorprozessor in Eclipse?
css
eclipse
sass
eclipse-plugin
Eric H.
quelle
quelle
Antworten:
Ich habe gerade herausgefunden, wie das in Eclipse geht. Ich gebe zu, dass diese Lösung keine 100% ige SASS-Unterstützung bietet. Die Farben werden bei Verwendung von verschachteltem CSS etwas unkonventionell, aber es ist besser, als nur Text zu betrachten, und Sie müssen keinen separaten Editor installieren.
Sie müssen den .scss-Dateityp dem nativen Eclipse-CSS-Editor in Eclipse [Teil 1] zuordnen. Danach müssen Sie den .scss-Dateityp auch dem nativen CSS-Editor hinzufügen, damit der CSS-Editor ihn öffnen kann [Teil 2]. Hier sind die Schritte für Eclipse (ich verwende Eclipse Java EE IDE für Webentwickler, Indigo):
Teil 1 - Ordnen Sie den .scss-Dateityp dem nativen Eclipse-CSS-Editor zu
Gehe zu
Window > Preferences
Drilldown zu
General > Editors > File Associations
Klicken Sie im Bereich Dateizuordnungen oben rechts auf die Schaltfläche "Hinzufügen ...".
Für
File Type:
Geben*.scss
und klicken Sie dann aufOK
.Suchen Sie den
*.scss
Eintrag in derFile Associations
Liste und wählen Sie ihn aus.Klicken Sie nach Auswahl
*.scss
im unteren BereichAssociated editors:
auf dieAdd...
Schaltfläche.Stellen Sie sicher, dass oben
Internal editors
ausgewählt ist, suchen und wählen SieCSS Editor
und klicken Sie dannOK
.Dadurch wurde der Dateityp .scss mit dem nativen CSS-Editor von Eclipses verknüpft. Jetzt müssen wir den nativen CSS-Editor so konfigurieren, dass er .scss-Dateien unterstützt. Gehen Sie dazu folgendermaßen vor:
Teil 2 - Fügen Sie dem nativen CSS-Editor den Dateityp .scss hinzu
Gehe zu
Window > Preferences
Drilldown zu
General > Content Types
Erweitern Sie im Bereich Inhaltstypen
Text
, und wählen Sie dann ausCSS
Nachdem Sie
CSS
ausgewählt habenFile associations:
, klicken Sie im unteren Bereich auf dieAdd...
Schaltfläche.Für
Content type:
Geben*.scss
und klicken Sie dann aufOK
.Klicken Sie hier
OK
, um das Fenster "Einstellungen" zu schließen.Alles erledigt. Alles, was Sie jetzt tun müssen, ist, alle geöffneten .scss-Dateien zu schließen, sie dann erneut zu öffnen und die CSS-Farben in Eclipse für .scss-Dateien anzuzeigen!
Hinweis: Wenn die CSS-Farben nicht angezeigt werden, müssen Sie möglicherweise Folgendes tun :
Right click the .scss file > Open With > CSS Editor
.Hoffe das hilft.
quelle
Aptana Studio bietet Unterstützung für Syntaxfarben für SASS / SCSS und es ist möglich, Aptana als Plugin in Eclipse zu installieren. Siehe das folgende Zitat von der Aptana-Sownload-Site:
quelle
Sie können das neueste Eclipse-Plug-In namens "Colorer" verwenden, das jetzt SASS-Dateien unterstützt. Hier ist es: http://colorer.sourceforge.net/eclipsecolorer/index.html
Öffnen Sie "Neue Software installieren" im Menü "Hilfe" in Eclipse und geben Sie " http://colorer.sf.net/eclipsecolorer " in das Feld "Arbeiten mit" ein, um das Plug-In zu installieren
quelle