Wie kann ich die CSS-Vorverarbeitung in Eclipse integrieren? [geschlossen]

Ich möchte SCSS-Dateien in Eclipse bearbeiten, vorzugsweise mit Syntaxhervorhebung für .scssDateien.

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?

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

1. Gehe zu Window > Preferences

2. Drilldown zu General > Editors > File Associations

3. Klicken Sie im Bereich Dateizuordnungen oben rechts auf die Schaltfläche "Hinzufügen ...".

4. Für File Type:Geben *.scssund klicken Sie dann auf OK.

5. Suchen Sie den *.scssEintrag in der File AssociationsListe und wählen Sie ihn aus.

6. Klicken Sie nach Auswahl *.scssim unteren Bereich Associated editors:auf die Add...Schaltfläche.

7. Stellen Sie sicher, dass oben Internal editorsausgewählt ist, suchen und wählen Sie CSS Editorund klicken Sie dann OK.

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

1. Gehe zu Window > Preferences

2. Drilldown zu General > Content Types

3. Erweitern Sie im Bereich Inhaltstypen Text, und wählen Sie dann ausCSS

4. Nachdem Sie CSSausgewählt haben File associations:, klicken Sie im unteren Bereich auf die Add...Schaltfläche.

5. Für Content type:Geben *.scssund klicken Sie dann auf OK.

6. 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.

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:

Installation über Eclipse

Kopieren Sie die folgende URL zum Aktualisieren der Site in Ihre Zwischenablage und führen Sie die folgenden Schritte aus, um diese URL zu Ihrer Liste der verfügbaren Software-Sites hinzuzufügen. Wenn Sie versuchen, mit Ihrem Webbrowser auf diese URL zuzugreifen, wird der Fehler "Zugriff verweigert" zurückgegeben.

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

1. Wählen Sie im Menü Hilfe »Neue Software installieren…«, um das Dialogfeld Neue Software installieren zu öffnen.
2. Fügen Sie die URL für die Update-Site in das Textfeld Arbeiten mit ein und drücken Sie die Eingabetaste (oder die Eingabetaste).
3. Aktivieren Sie in der folgenden Tabelle das Kontrollkästchen neben dem Namen des Plug-Ins und klicken Sie dann auf die Schaltfläche Weiter.
4. Klicken Sie auf die Schaltfläche Weiter, um zur Lizenzseite zu gelangen.
5. Wählen Sie die Option, um die Bedingungen der Lizenzvereinbarung zu akzeptieren, und klicken Sie auf die Schaltfläche Fertig stellen.
6. Möglicherweise müssen Sie Eclipse neu starten, um fortzufahren.

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