L'utilisation Haml & Sass avec Eclipse

https://stackoverflow.com/questions/1474096

16-09-2019
|

Question

Y a-t-il des plugins pour Eclipse qui ajoutent la coloration syntaxique et d'autres subtilités pour l'édition Haml et Sass ? Recherches Google ne semblent pointer vers une projet mort sur lucky-dip.net.

Note: il est Sass Je suis plus intéressé par une solution pour l'utilisation juste Sass (ou quelque chose de semblable à lui comme moins <. / a>) dans Eclipse conviendrait à mes besoins.

En outre, je développe pour Google App Engine (Java), en utilisant le plug-in App Engine for Eclipse. Donc passer à un autre IDE n'est pas une option.

Mise à jour: J'ai maintenant la coloration syntaxique en utilisant réponse de Pascal et je l'ai installé Ruby et Compass pour compiler culot en css.

Cependant, je suis conscient que la syntaxe de SASS sera en train de changer avec 2.4 donc je voudrais encore obtenir les rédacteurs hAML et Sass qui viennent avec Aptana travailler. Quand j'ai essayé de les utiliser, ils ont jeté une exception et ne pas afficher les fichiers. Je serais intéressé de savoir si c'est parce que je Aptana ou mal configuré d'un bogue dans les éditeurs.

Je serais également très intéressé par un moyen de compilation Sass qui a intégré avec Ecplise pour que je ne devais pas courir quelque chose de séparé de celui-ci. (Ou un moyen de mettre Sass / Compass dans le processus de génération de Ecplise).

La solution

Eh bien, qu'en Aptana ? Selon le Haml / Saas coloration syntaxique dans le blog de Aptana / Eclipse:

Récemment, j'utilise Haml   certains de mes projets Rails. il suffit   fait votre point de vue propre et lisible.   Une question que j'avais été syntaxe   mettant en lumière dans mon IDE favori,    Aptana Studio . Le Haml syntaxe   mettant en lumière le soutien a été arrêté   il y a un moment et plus de problèmes ont   soulevées après Aptana récentes mises à jour.

Après quelques recherches, j'ai trouvé un   solution publié par Max Kostovetski, un   membre du groupe Haml Google. Maintenant, pour   les étapes consistant à:


Télécharger les fichiers suivants sur votre disque dur:>

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 menu~~ Eclipse "Fenêtre", sélectionnez "Préférences ..."

Dans la la fenêtre Préférences, sélectionnez « Editeurs »> « texte générique »

Appuyez sur "Ajouter ..." pour ajouter de nouvelles extensions de fichiers: *.haml et *.sass

Pour chacune des nouvelles extensions, cliquez et appuyez sur « Parcourir ... » pour   sélectionnez le fichier lexer approprié (*.lxr)

Pour colorisation, appuyez sur "Importer ..." pour importer les fichiers *.col

Appuyez sur "OK"

Profitez de votre vue HAML

PS: Se reporter au blog d'origine car il fournit des liens vers le haut à jour.

Remarque: cela peut être utilisé avec le Aptana RadRails plugin Eclipse ainsi que Aptana studio

Mise à jour: Au moment de l'écriture, RadRails et le studio semble soutenir Haml et Sass il pourrait maintenant être inutile de suivre les étapes ci-dessus.

Pour compiler SaaS de manière "intégrée" dans Eclipse, vous pourriez peut-être utiliser un Outil externe (Run> Outils externes). Une autre option plus élaborée serait d'ajouter un " Builder programme " à votre projet de constructeurs comme dans cette blog . Bien sûr, la solution décrite, il faudrait être adapté à Saas, mais les principes derrière elle semble s'appliquer. Attention: je ne l'ai pas mis en œuvre moi-même, il est juste une idée et je ne suis même pas sûr qu'il est logique.

Autres conseils

Notez que le dernier EclipseColorer soutient en fait les deux HAML et SASS. Il peut être un bon choix alternatif si vous n'avez pas besoin d'un IDE Aptana complet, mais en regardant juste pour un éditeur.

EclipseColorer vous donne également un meilleur support mixin de syntaxe:. D'autres langues à l'intérieur de HAML sont mis en évidence en ce qui concerne leur syntaxe (mixins pour ruby, de javascript, css, même SASS)

Bien qu'il ne semble pas qu'il y ait HAML ou SASS syntaxe surligneurs encore, vous voudrez peut-être envisager de faire quelque chose le long des lignes d'amener VIM (qui n'a pas le support pour la mise en évidence de la syntaxe HAML) dans Eclipse via quelques plug-ins disponibles . Eclim pourrait être une possibilité (bien que, je ne l'ai pas utilisé - juste essayer de proposer d'autres solutions de rechange).

Une autre option est de prendre un plug-in de syntaxe déjà soulignant Eclipse existant et ajouter la coloration syntaxique pour Sass et / ou HAML. Quelque chose comme le Eclipse Colorer peut être dignes d'intérêt.

Je sais que cela est une question ancienne, mais pour tout le monde nouveau SASS et Compass comme moi, j'installer juste Aptana Studio 3 et il supporte maintenant les .scss, .sass et .haml. Profitez.

Aptana cause trop de problèmes pour moi, donc après beaucoup de recherche (qui se place ce fil), j'ai trouvé LiClipseText ( https://marketplace.eclipse.org/content/liclipsetext )

Il est un plug-in qui fournit, entre autres, la coloration syntaxique pour les fichiers SASS / SCSS. Il semble fonctionner, et a « coloration syntaxique (LiClipse, TextMate ou Sublime Text base) » est donc probablement tout à fait configurable (je ne l'ai pas joué avec beaucoup, mais la syntaxe de base caractéristique mettant en lumière fonctionne pour moi, ce qui est plus que la Eclipse WST éditeur de CSS pourrait faire pour les fichiers SCSS).

Il est le composant éditeur open source du plugin LiClipse commerciale ( https: //marketplace.eclipse. org / content / liclipse ) que je ne l'ai pas utilisé.

J'ai trouvé le plugin Colorer dans la réponse intéressante d'Igor, mais j'utilise le fichier .scss extention et il ne fonctionne que pour les fichiers .sass. Voici comment faire soutenir l'extension de fichier .scss:

Tout d'abord installer le plug-in comme normal. Sélectionnez Install New software dans le menu Aide dans Eclipse et ajouter le dépôt suivant: http://colorer.sf.net/eclipsecolorer. Maintenant, sélectionnez ce dépôt et vous devriez voir l'Eclipse Colorer option d'installation. Il n'y a pas d'option de glisser-installer AFAIK.

Après l'installation, le dossier plugin goto Colorer à l'intérieur du répertoire de plugin Eclipse. Dans mon cas, c'est eclipse/plugins/net.sf.colorer_0.9.9/. Il vous faudra modifier 3 fichiers:

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

Avant de faire l'une des instructions ci-dessous, tous les fichiers de sauvegarde s'il vous plaît dans le dossier afin de les restaurer en cas de problème.

Modification common.jar

Extrait common.jar dans un dossier vide. Cela se fait comme tout fichier tar.gz normal. Une fois que vous aurez extrait modifier 2 fichiers dans ce:

dupliquer les lignes 53 et 53 inet/haml.hrc et changer à SCSS. Le résultat devrait être comme ci-dessous:

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

copier maintenant inet/sass.hrc à inet/scss.hrc et changer les lignes concernées. Le scss.hrc résultant devrait être comme ci-dessous:

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

après, exécutez la commande suivante dans le dossier où vous extrayez common.jar pour recréer le fichier jar:

jar cf common.jar *

puis remplacer le fichier jar d'origine par celui-ci.

D'autres fichiers

, inclure l'extension de SCSS en ligne /plugin.xml 37:

extensions = "xml, XSD, XSL, dtd, RHR, 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 "

Et enfin, dupliquer les lignes 200-203 dans colorer/hrc/proto.hrc. Le résultat devrait être comme ci-dessous:

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

Après ce redémarrage eclipse et vous devriez avoir la coloration syntaxique pour les fichiers .scss.

Licencié sous: CC-BY-SA avec attribution

Non affilié à StackOverflow