Mit Haml & Sass mit Eclipse

https://stackoverflow.com/questions/1474096

16-09-2019
|

Frage

Gibt es Plugins für Eclipse, die Syntax-Hervorhebung und andere Nettigkeiten für die Bearbeitung von Haml und Sass ? Google-Suche erscheint nur auf einen tote Projekt auf lucky-dip.net .

Hinweis: es ist Sass Ich bin am meisten interessiert Eine Lösung für die Verwendung von nur Sass (oder so ähnlich ist wie weniger <. / a>) in Eclipse meinen Bedürfnissen passen würde.

Auch ich entwickle für Google App Engine (Java), die App Engine-Plugin für Eclipse. So zu einem anderen IDE Schalt ist keine Option.

Update: So habe ich Syntax-Markierung jetzt mit Pascal Antwort und ich habe installiert Rubin und Compass kompilieren sass in CSS.

Doch ich bin mir dessen bewusst, dass die Syntax von Sass wird mit 2.4 werden Ändern so würde ich immer noch wie die Haml und Sass Editoren zu erhalten, die mit Aptana zur Arbeit kommen. Als ich versuchte, sie zu benutzen, warf sie eine Ausnahme und würde die Dateien nicht angezeigt werden soll. Ich würde gerne wissen, ob das ist, weil ich Aptana falsch konfigurierte oder ein tatsächlicher Fehler in den Editoren.

Ich würde auch sehr Interesse in irgendeiner Weise Sass zu kompilieren, die mit Ecplise integriert, so dass ich etwas von ihm getrennt laufen hatte. (Oder eine Art und Weise der Umsetzung Sass / Kompass in dem Ecplise Build-Prozess).

Lösung

Nun, was ist Aptana ? Nach dem Haml / Saas Syntax Hervorhebungen in Aptana / Eclipse- Blog-Eintrag:

Vor kurzem habe ich mit Haml   einige meiner Rails-Projekte. es ist einfach   macht Ihre Ansichten sauber und lesbar.   Ein Problem, das ich hatte, war Syntax   Hervorhebung in meinen Lieblings-IDE,    Aptana Studio . Die Haml Syntax   Hervorhebung Unterstützung wurde gestoppt   vor einer Weile und mehr Probleme haben   hob nach Aptana letzten Aktualisierungen.

Nach einigen Recherchen fand ich ein   Lösung von Max Kostovetski, eine gepostete   Mitglied von Haml Google-Gruppe. Jetzt zu   die Schritte:


Laden Sie die folgenden Dateien auf Ihrer Festplatte:>

http://haml.googlegroups.com/web/haml_lexer.lxr

http://haml.googlegroups.com/web/haml.col

http://haml.googlegroups.com/web/sass_lexer.lxr

http://haml.googlegroups.com/web/sass.col



~~Aptana~~ Eclipse-Menü "Fenster", wählen Sie "Einstellungen ..."

Im Fenster Voreinstellungen wählen "Editoren"> "Generic Text"

Klicken Sie auf "Hinzufügen ..." neue Dateierweiterungen hinzuzufügen: *.haml und *.sass

Für jede der neuen Erweiterungen, klicken Sie darauf und klicken Sie auf „Durchsuchen ...“, um   wählen Sie die richtige Lexer-Datei (*.lxr)

Für Einfärben, drücken Sie "Import ..." die *.col-Dateien zu importieren

Klicken Sie auf "OK"

Genießen Sie Haml Ansichten

PS: Siehe die ursprünglichen Blog-Post, wie es up-to-date-Links zur Verfügung stellt.

Hinweis: kann dies mit der href="http://www.aptana.com/radrails/plugin" rel="noreferrer"> Aptana RadRails Eclipse-Plugin sowie Aptana Studio

UPDATE: Zum Zeitpunkt des Schreibens, RadRails und Studio scheint Haml und Sass zu unterstützen, so könnte es nun nicht notwendig sein, um die oben genannten Schritte zu folgen.

Um SaaS in einer "integrierten" Art und Weise in Eclipse zu kompilieren, könnte man vielleicht nutzen nur ein Externe Werkzeug (Run> Externe Tools). Eine andere aufwendigere Möglichkeit wäre, fügen Sie einen " Programm Builder ", um Ihr Projekt Builders wie in diesem Blog-Post . Natürlich würde die beschriebene Lösung nach Saas angepasst werden, erfordert aber die Prinzipien dahinter zu gelten scheint. Achtung: Ich habe implementieren es selbst nicht, es ist nur eine Idee, und ich bin nicht einmal sicher, ob es Sinn macht.

Andere Tipps

Beachten Sie, dass aktuelle EclipseColorer tatsächlich unterstützt sowohl HAML & SASS. Es kann eine gute Alternative sein, wenn Sie nicht über eine voll funktionsfähige Aptana IDE benötigen, aber nur auf der Suche nach einem Editor.

EclipseColorer gibt Ihnen auch eine bessere Syntax mixin Unterstützung:. Andere Sprachen innerhalb von HAML wird hinsichtlich ihrer Syntax-Hervorhebungen (Mixins für Ruby, Javascript, CSS, selbst sass)

Während es scheint nicht, dass es irgendwelche HAML oder SASS Syntaxhervorhebungen noch, können Sie entlang der Linien, etwas zu tun betrachten VIM zu bringen (die Unterstützung für HAML Syntax-Hervorhebung hat) in Eclipse über ein paar verfügbaren Plugins . Eclim könnte eine Möglichkeit sein (obwohl, ich habe es nicht benutzt - nur versuchen, andere Alternativen zu bieten).

Einen anderen Optionen ist es, eine bereits vorhandene Eclipse-Syntax-Highlighting-Plug-in nehmen und die Syntax für Sass und / oder HAML Hervorhebung hinzufügen. So etwas wie die Eclipse-Colorer in wert sein kann suchen.

Ich weiß, dass dies eine alte Frage, aber für jeden neu in SASS und Kompass wie mir, ich installiere nur Aptana Studio 3 und es hat jetzt Unterstützung für .scss, .sass und .haml. Genießen Sie.

Aptana verursacht zu viele Probleme für mich, also nach vielen Suche (die diesen Thread aufgedreht), fand ich LiClipseText ( https://marketplace.eclipse.org/content/liclipsetext )

Es ist ein Plugin, das unter anderem vorsieht, Syntax-Hervorhebung für SASS / SCSS Dateien. Es scheint zu funktionieren, und hat „Syntax-Hervorhebungen (LiClipse, Textmate oder Sublime Text basiert)“ so wahrscheinlich ziemlich konfigurierbar ist (ich nicht um viel mit ihm gespielt haben, aber die grundlegende Syntax-Highlighting für mich arbeitet, das ist mehr als die eclipse-WST CSS-Editor könnte für SCSS Dateien tun).

Es ist die Open-Source-Editor-Komponente des kommerziellen LiClipse Plugin ( https: //marketplace.eclipse. org / content / liclipse ), die ich habe nicht verwendet.

fand ich Colorer Plugin in Igor Antwort interessant, aber ich verwende .scss Dateierweiterung und es funktioniert nur für .sass Dateien. Hier ist, wie es .scss Dateierweiterung unterstützen zu machen:

Zuerst das Plugin wie gewohnt installieren. Wählen Sie Install New software in Hilfemenü in Eclipse und fügen Sie das folgende Repository: http://colorer.sf.net/eclipsecolorer. Jetzt dieses Repository auswählen und Sie sollten die Eclipse-Colorer installieren Option sehen. Es gibt keine Drag-Installationsoption AFAIK.

Nach der Installation, zum Colorer Plugin-Ordner in Eclipse Pluginverzeichnis. In meinem Fall, der eclipse/plugins/net.sf.colorer_0.9.9/. Dort finden Sie 3 Dateien ändern müssen:

colorer / hrc / common.jar
colorer / hrc / proto.hrc
/plugin.xml

Bevor Sie einen der folgenden Anweisung zu tun, bitte sichern Sie alle Dateien im Ordner, um sie wiederherzustellen, wenn etwas schief geht.

Ändern common.jar

Extract common.jar in einem leeren Ordner. Dies wird wie jede normale tar.gz-Datei. Sobald extrahiert Sie 2-Dateien in das ändern haben:

doppelte Linien 53 und 53 in inet/haml.hrc und ändern Sie es in SCSS. Das Ergebnis sollte wie unten sein:

<block start='/^((\s\s)*):(sass)/' end='/^\M (\s*$|\y1\s)?! /ix' region='def:Insertion' region01='def:Outlined'
    region00='def:PairStart' region10='def:PairEnd' content-priority='low' scheme='sass:sass'/>
<block start='/^((\s\s)*):(scss)/' end='/^\M (\s*$|\y1\s)?! /ix' region='def:Insertion' region01='def:Outlined'
    region00='def:PairStart' region10='def:PairEnd' content-priority='low' scheme='scss:scss'/>

Jetzt kopieren inet/sass.hrc inet/scss.hrc und die entsprechenden Zeilen zu ändern. Der resultierende scss.hrc sollte wie unten sein:

<?xml version="1.0" encoding='Windows-1251'?>
<!DOCTYPE hrc PUBLIC "-//Cail Lomecb//DTD Colorer HRC take5//EN"
  "http://colorer.sf.net/2003/hrc.dtd">
<hrc version="take5" xmlns="http://colorer.sf.net/2003/hrc"
     xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
     xsi:schemaLocation="http://colorer.sf.net/2003/hrc http://colorer.sf.net/2003/hrc.xsd">

  <type name="scss">

    <annotation>
     <documentation>
      SCSS Sassy CSS 
     </documentation>
     <contributors><![CDATA[
     Igor Russkih irusskih at gmail dot com
     ]]></contributors>
    </annotation>

    <region name="ClassSelector" parent="def:TypeKeyword"/>
    <region name="IDSelector" parent="def:Keyword"/>
    <region name="IncludeMixin" parent="def:Label"/>

    <scheme name='PropertyNames'>
      <regexp match="/(\$)([\w\d\-]+)/" region='def:Var'/>
      <inherit scheme='css:PropertyNames'/>
    </scheme>

    <scheme name="PropertyWrapper">
       <block start="/~/" end="/(:|\s|$)/" scheme="PropertyNames" region10="def:Symbol"/>

       <regexp match="/(\$)([\w\d\-]+)/" region='def:Var'/>

       <inherit scheme="css:Property"/>
    </scheme>

    <scheme name="scss">
       <!-- property value after colon -->
       <block start="/\M([\$\w\d\-]+)\s*(:)/" end="/\M([\x22\x27]|$)/"
              scheme="PropertyWrapper" region02="def:Symbol"
       />
       <block start="/(:)\s*\M([\w\d\-]+)?/" end="/\M([\x22\x27]|$)/"
              scheme="PropertyWrapper" region02="def:Symbol"
       />
       <regexp match="/^ \s* \M[\.\#\=\@\!] (?{def:Outlined}[\w\d\-]+ ) /x" />

       <regexp match="/ \. (?{ClassSelector}[\w\d\-]+ ) /x" />
       <regexp match="/ \# (?{IDSelector}[\w\d\-]+ ) /x" />
       <regexp match="/ [\=\+] (?{IncludeMixin}[\w\d\-]+ ) /x" />

       <regexp match="/[\(\)&apos;&quot;]/" region='def:Symbol'/>

       <regexp match="/\/\/.*$/" region='def:Comment'/>

       <regexp match="/\@(import|extend|mixin)/" region='def:Keyword'/>

    </scheme>

  </type>
</hrc>
<!-- ***** BEGIN LICENSE BLOCK *****
   - Version: MPL 1.1/GPL 2.0/LGPL 2.1
   -
   - The contents of this file are subject to the Mozilla Public License Version
   - 1.1 (the "License"); you may not use this file except in compliance with
   - the License. You may obtain a copy of the License at
   - http://www.mozilla.org/MPL/
   -
   - Software distributed under the License is distributed on an "AS IS" basis,
   - WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License
   - for the specific language governing rights and limitations under the
   - License.
   -
   - The Original Code is the Colorer Library.
   -
   - The Initial Developer of the Original Code is
   - Igor Russkih <irusskih at gmail dot com>
   - Portions created by the Initial Developer are Copyright (C) 2010
   - the Initial Developer. All Rights Reserved.
   -
   - Contributor(s): 
   -
   - Alternatively, the contents of this file may be used under the terms of
   - either the GNU General Public License Version 2 or later (the "GPL"), or
   - the GNU Lesser General Public License Version 2.1 or later (the "LGPL"),
   - in which case the provisions of the GPL or the LGPL are applicable instead
   - of those above. If you wish to allow use of your version of this file only
   - under the terms of either the GPL or the LGPL, and not to allow others to
   - use your version of this file under the terms of the MPL, indicate your
   - decision by deleting the provisions above and replace them with the notice
   - and other provisions required by the LGPL or the GPL. If you do not delete
   - the provisions above, a recipient may use your version of this file under
   - the terms of any one of the MPL, the GPL or the LGPL.
   -
   - ***** END LICENSE BLOCK ***** -->

danach, führen Sie den folgenden Befehl in dem Ordner, in dem Sie extrahieren common.jar die JAR-Datei zu erstellen:

jar cf common.jar *

dann durch diese die ursprüngliche JAR-Datei ersetzen.

Andere Dateien

Nun sind SCSS Erweiterung in /plugin.xml Linie 37:

Erweiterungen = "xml, XSD, xsl, dtd, hrc, HRD, html, htm, xhtml, rhtml, erb, yml, haml, sass, SCSS, css, asp, aspx, jsp, fo, svg, dbk, docbook, JHTML, JSPF, php, php3, pHP4, phtml, SGM, SGML, shtm, shtml "

Und schließlich doppelte Linien 200-203 in colorer/hrc/proto.hrc. Das Ergebnis sollte wie unten sein:

<prototype name="sass" group="inet" description="SASS">
  <location link="jar:common.jar!inet/sass.hrc"/>
  <filename>/\.(sass)$/i</filename>
</prototype>
<prototype name="scss" group="inet" description="SCSS">
  <location link="jar:common.jar!inet/scss.hrc"/>
  <filename>/\.(scss)$/i</filename>
</prototype>

Nach diesem Neustart verdunkeln und Sie sollten Syntax für .scss Dateien hervorgehoben haben.

Lizenziert unter: CC-BY-SA mit Zuschreibung

Nicht verbunden mit StackOverflow