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

111

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

Ich fand diese Ressourcen wertvoll:

Wie kann ich die SCSS-Entwicklung in den Eclipse-Editor integrieren?

Oder allgemeiner, wie integriere ich einen CSS-Vorprozessor in Eclipse?

Eric H.
quelle
2
Duplikat von stackoverflow.com/questions/1474096/…
jackocnr

Antworten:

297

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.

Schotte
quelle
7
+1 für die Nichtinstallation zusätzlicher Tools und die Verwendung von Eclipse wie sie ist ... Eine weitere Option könnte " colorer.sourceforge.net/eclipsecolorer " sein
spankmaster79
1
@ Spankmaster79 Eclipsecolorer unterstützt nur Sass-Dateien (versucht heute in Juno)
Mons Droide
1
@mons wechselte zu PHPStorm, viel schneller, viel besser unterstützt und Ereignisse beim Speichern im Editor kompiliert.
Probieren
1
eclipsecolorer unterstützt scss nicht. Es unterstützt Sass. Es gibt Unterschiede.
mrbinky3000
2
Hinzufügen einer Notiz für: Klicken Sie mit der rechten Maustaste auf die .scss-Datei> Öffnen mit> Stattdessen CSS-Editor verwenden> Andere ... Klicken Sie auf CSS-Editor und aktivieren Sie dann "Diesen Editor für alle 'style.scss'-Dateien verwenden und aktivieren Sie' Für alle verwenden '. * .scss 'Dateien.
ChrisB
11

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.
Yun
quelle
2
Beachten Sie, dass Aptana eine eigene Themenfarbe hat. Wenn Sie an ein bestimmtes Eclipse-Farbthema gewöhnt sind, müssen Sie es bei der Installation des Aptana-Plugins vollständig aufgeben.
Sturm
Schlechte Idee! Hat meine Eclipse-Editoren total kaputt gemacht.
Branislav Lazic
6

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

vyasamit2007
quelle
Unterstützt es die automatische Vervollständigung (dh Strg + Leertaste)?
Fuzzo
Zeigt zu viel Fehler! fast in jeder Zeile
Saurabh Bayani
Es gibt eine neue Software in Eclipse namens "Liclipse", die mit den meisten Sprachen funktioniert
Fadi Nouh