Utilizzando Haml & Sass con Eclipse

StackOverflow https://stackoverflow.com/questions/1474096

  •  16-09-2019
  •  | 
  •  

Domanda

Ci sono plugin per Eclipse che aggiungono l'evidenziazione della sintassi e altre sottigliezze per la modifica Haml e Sass ? Google cerca solo sembrano puntare a una progetto morto sul lucky-dip.net .

Nota: è Sass Sono più interessato a una soluzione per l'utilizzo di solo Sass (o qualcosa di simile ad esso come meno <. / a>) in Eclipse sarebbe soddisfare le mie esigenze.

Inoltre, sto sviluppando per Google App Engine (Java), utilizzando il plugin per Eclipse App Engine. Quindi, il passaggio ad un altro IDE non è un'opzione.

Aggiornamento: sintassi Così ho evidenziando ora utilizzando risposta di Pascal e ho installato rubino e Compass per compilare sass in css.

Tuttavia mi rendo conto che il sintassi del sass cambierà con 2.4 così mi piace ancora di ottenere i redattori Haml e Sass che vengono con Aptana al lavoro. Quando ho provato ad usarli gettarono un'eccezione e non avrebbero visualizzare i file. Sarei interessato a sapere se è perché ho mal configurati o Aptana è un bug negli editor.

Mi piacerebbe anche essere molto interessato in alcun modo di compilare Sass che integrato con Ecplise in modo che io non ho dovuto eseguire qualcosa di separato da esso. (O un modo di mettere Sass / bussola nel processo Ecplise accumulo.)

È stato utile?

Soluzione

Beh, che dire Aptana ? Secondo il Haml / Saas evidenziazione della sintassi in Aptana / Eclipse post del blog:

  

Di recente, ho utilizzato Haml   alcuni miei progetti Rails. semplicemente   rende le vostre opinioni pulito e leggibile.   Un problema che avevo era la sintassi   mettendo in evidenza nel mio IDE preferito,    Aptana Studio . Il Haml sintassi   mettendo in evidenza il sostegno è stato arrestato   qualche tempo fa e hanno più problemi   sollevato dopo Aptana ultimi aggiornamenti.

     

Dopo alcune ricerche, ho trovato un   soluzione postato da Max Kostovetski, un   membro del gruppo Haml Google. Ora, per   i passi:

     
      
  1. Scarica i seguenti file sul disco rigido:>      
    2.   
  2. Aptana Menu Eclipse "Finestra", selezionare "Preferenze ..."
    3.   
  3. Nella finestra delle preferenze, selezionare "Editors"> "Testo generico"
    4.   
  4. Premere il tasto "Aggiungi ..." per aggiungere nuove estensioni di file: *.haml e *.sass
    5.   
  5. Per ciascuna delle nuove estensioni, fare clic su di esso e premere il pulsante "Sfoglia ..." per   selezionare il file lexer corretta (*.lxr)
    6.   
  6. Per la colorazione, premere "Importa ..." per importare i file *.col
    7.   
  7. Premere il tasto "OK"
    8.   
  8. si gode una vista Haml
    9.   

PS: Fare riferimento al post originale in quanto fornisce up-to-date collegamenti.

Nota: questo può essere usato con il plugin Aptana RadRails Eclipse così come Aptana Studio

UPDATE: Al momento della scrittura, RadRails e Studio sembra supportare Haml e Sass quindi potrebbe ora essere necessario seguire la procedura descritta sopra.

Per compilare SaaS in modo "integrato" all'interno di Eclipse, si potrebbe forse solo utilizzare un strumento esterno (Esegui> Strumenti esterni). Un'altra opzione più elaborata potrebbe essere quella di aggiungere un " Builder Program " per Costruttori del vostro progetto come in questo post sul blog . Naturalmente, la soluzione descritta richiederebbe di essere adattato alle Saas ma i principi dietro di esso sembra applicarsi. Attenzione: io non ha attuato io stesso, è solo un'idea e io non sono nemmeno sicuro che abbia senso.

Altri suggerimenti

Si noti che ultima EclipseColorer supporta in realtà sia HAML & SASS. Può essere una buona scelta alternativa se non avete bisogno di un completo Aptana IDE, ma solo in cerca di un editore.

EclipseColorer ti dà anche un miglior supporto della sintassi mixin:. Altre lingue all'interno di HAML sono evidenziati con rispetto della loro sintassi (mixins per Ruby, javascript, css, anche sass)

Anche se non sembra che ci siano Haml o SASS evidenziatori di sintassi ancora, si può prendere in considerazione di fare qualcosa sulla falsariga di portare VIM (che ha il supporto per l'evidenziazione della sintassi HAML) in Eclipse tramite alcuni plugin disponibili . Eclim potrebbe essere una possibilità (anche se, io non l'ho usato - solo cercando di offrire altre alternative).

Un'altra possibilità è quella di prendere una sintassi Eclipse evidenziazione plug-in già esistente e aggiungere evidenziazione della sintassi per Sass e / o HAML. Qualcosa come il Eclipse Colorer può valere la pena di essere esaminata.

So che questa è una vecchia questione, ma per chiunque sia nuovo SASS e Compass come me, mi basta installare Aptana Studio 3 ed ha ora il supporto per .scss, .sass e .haml. Godetevi.

Aptana causa troppi problemi per me, così dopo un sacco di ricerca (che si presentò questa discussione), ho trovato LiClipseText ( https://marketplace.eclipse.org/content/liclipsetext )

Si tratta di un plugin che fornisce, tra le altre cose, l'evidenziazione della sintassi per i file SASS / SCSS. Sembra funzionare, e ha "l'evidenziazione della sintassi (LiClipse, TextMate o SublimeText based)", così è probabilmente abbastanza configurabile (non ho giocato intorno con esso molto, ma la sintassi di base funzionalità di evidenziazione sta lavorando per me, che è più del Eclipse CSS editor WST poteva fare per i file SCSS).

E 'il componente editor open-source del plugin LiClipse commerciale ( https: //marketplace.eclipse. org / content / liclipse ), che non ho usato.

Ho trovato Colorer plugin nella risposta di Igor interessante, ma io uso .scss file di estensione e funziona solo per i file .sass. Ecco come farlo sostenere estensione .scss:

Per prima cosa installare il plugin come normale. Selezionare Install New software nel menu Guida in Eclipse e aggiungere il seguente repository: http://colorer.sf.net/eclipsecolorer. Ora selezionate questo repository e si dovrebbe vedere l'eclissi Colorer opzione di installazione. Non esiste alcuna opzione drag-installazione per quanto ne so.

Dopo l'installazione, la cartella plugin di goto Colorer all'interno directory dei plugin di Eclipse. Nel mio caso questo è eclipse/plugins/net.sf.colorer_0.9.9/. Ci si dovrà modificare 3 file:

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

Prima di fare qualsiasi delle istruzioni qui di seguito, si prega di backup di tutti i file nella cartella al fine di ripristinare loro se qualcosa va storto.

Modifica common.jar

Estratto common.jar in una cartella vuota. Questo viene fatto come un qualsiasi file tar.gz normale. Una volta estratto si dovrà modificare 2 file in essa contenuti:

duplicare le linee 53 e 53 in inet/haml.hrc e modificarlo in SCSS. Il risultato dovrebbe essere come di seguito: 

<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'/>

Ora copiare inet/sass.hrc a inet/scss.hrc e modificare le linee in questione. Il scss.hrc risultante dovrebbe essere come di seguito: 

<?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 ***** -->

Dopo questo, eseguire il seguente comando nella cartella in cui si estrae common.jar per ricreare il file jar: 

jar cf common.jar *

quindi sostituire il file jar originale di questo.

Altri file

Ora, includere l'estensione SCSS in linea /plugin.xml 37:

estensioni = "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 "

E, infine, duplicare le linee 200-203 in colorer/hrc/proto.hrc. Il risultato dovrebbe essere come di seguito: 

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

Dopo questa riavviare Eclipse e si dovrebbe avere l'evidenziazione della sintassi per i file .scss.

Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow
scroll top