eclipse - tutorial - haml sintax

Usando Haml & Sass con Eclipse

Question

¿Hay algún complemento para eclipse que agregue resaltado de sintaxis y otras sutilezas para editar Haml y Sass ? Las búsquedas de Google solo parecen apuntar a un proyecto muerto en lucky-dip.net .

Nota: es Sass lo que más me interesa. Una solución para usar solo Sass (o algo similar a ella como menos ) en Eclipse se adaptaría a mis necesidades.

Además, estoy desarrollando para Google App Engine (Java), usando el plugin de App Engine para Eclipse. Entonces cambiar a otro IDE no es una opción.

Actualización: Así que ahora tengo resaltado de sintaxis con la respuesta de Pascal y he instalado Ruby y Compass para compilar sass en css.

Sin embargo, soy consciente de que la sintaxis de sass cambiará con 2.4, así que todavía me gustaría obtener los editores de Haml y Sass que vienen con Aptana para que funcionen. Cuando traté de usarlos lanzaron una excepción y no mostraron los archivos. Me interesaría saber si eso es porque configuré mal Aptana o es un error real en los editores.

También estaría muy interesado en compilar Sass que se haya integrado con Ecplise para no tener que ejecutar algo diferente. (o una forma de poner Sass / Compass en el proceso de compilación de Ecplise).

Answer 1

Si bien no parece que haya marcadores de sintaxis HAML o SASS todavía, es posible que desee considerar hacer algo en la línea de llevar VIM (que sí admite el resaltado de sintaxis HAML) a Eclipse a través de algunos complementos disponibles. Eclim podría ser una posibilidad (aunque, no lo he usado, simplemente estoy tratando de ofrecer otras alternativas).

Otra opción es tomar un plug-in de resaltado de sintaxis Eclipse ya existente y agregar resaltado de sintaxis para Sass y / o HAML. Algo como el Eclipse Colorer puede valer la pena investigar.

Answer 2

Bueno, ¿qué hay de Aptana ? De acuerdo con Haml / Saas Syntax Highlighting en la publicación del blog Aptana / Eclipse :

Recientemente, he estado usando Haml en algunos de mis proyectos de Rails. Simplemente hace que sus vistas sean limpias y legibles. Un problema que tuve fue el resaltado de sintaxis en mi IDE favorito, Aptana Studio . El soporte de resaltado de sintaxis de Haml se ha detenido hace un tiempo y surgieron más problemas después de las actualizaciones recientes de Aptana.

Después de algunas investigaciones, encontré una solución publicada por Max Kostovetski, miembro del grupo Haml Google. Ahora, a los pasos:

1. Descargue los siguientes archivos a su disco duro:>
   • 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
2. Desde el menú "Ventana" de Aptana Eclipse, selecciona "Preferencias ..."
3. En la ventana de preferencias, seleccione "Editores"> "Texto genérico"
4. Presiona "Agregar ..." para agregar nuevas extensiones de archivo: *.haml y *.sass
5. Para cada una de las nuevas extensiones, haga clic en ella y presione "Buscar ..." para seleccionar el archivo *.lxr adecuado ( *.lxr )
6. Para la coloración, presione "Importar ..." para importar los archivos *.col
7. Presiona OK"
8. Disfruta tus vistas de Haml

PD: Consulte la publicación del blog original, ya que proporciona enlaces actualizados.

Nota: esto se puede usar con el plugin Aptana RadRails Eclipse y con Aptana Studio

ACTUALIZACIÓN: en el momento de redacción, RadRails y Studio parecen ser compatibles con Haml y Sass, por lo que ahora puede ser innecesario seguir los pasos anteriores.

Para compilar SaaS de una manera "integrada" dentro de Eclipse, podría usar una Herramienta externa (Ejecutar> Herramientas externas). Otra opción más elaborada sería agregar un " Creador de programas " a los constructores de su proyecto, como en esta publicación de blog . Por supuesto, la solución descrita requeriría ser adaptada a Saas, pero los principios detrás de ella parecen aplicarse. Precaución: Yo no lo implementé yo solo, es solo una idea y ni siquiera estoy seguro de que tenga sentido.

Answer 3

Tenga en cuenta que el último EclipseColorer realmente es compatible con HAML y SASS. Puede ser una buena alternativa si no necesita un Aptana IDE con todas las funciones, solo busca un editor.

EclipseColorer también le ofrece una mejor compatibilidad con la sintaxis mixin: otros idiomas dentro de HAML se destacan con respecto a su sintaxis (mixins para ruby, javascript, css, incluso sass).

Answer 4

Sé que esta es una vieja pregunta, pero para cualquier persona nueva en SASS y Compass como yo, acabo de instalar Aptana Studio 3 y ahora tiene soporte para .scss, .sass y .haml. Disfrutar.

Answer 5

Aptana causa demasiados problemas para mí, así que después de mucha búsqueda (que resultó en este hilo), encontré LiClipseText ( https://marketplace.eclipse.org/content/liclipsetext )

Es un complemento que proporciona, entre otras cosas, resaltado de sintaxis para archivos SASS / SCSS. Parece funcionar, y tiene "Resaltado de sintaxis (basado en LiClipse, TextMate o SublimeText)", por lo que es bastante configurable (no he jugado mucho con él, pero la función básica de resaltado de sintaxis funciona para mí, que es más que la Eclipse WST CSS editor podría hacer para los archivos SCSS).

Es el componente de editor de código abierto del complemento LiClipse comercial ( https://marketplace.eclipse.org/content/liclipse ) que no he usado.

Answer 6

Encontré el plugin de Colorer en la respuesta de Igor interesante, sin embargo, uso extensión de archivo .scss y solo funciona para archivos .sass. Aquí le mostramos cómo hacer que sea compatible con la extensión de archivo .scss:

Primero instala el complemento como es normal. Seleccione Install New software en el menú Ayuda en Eclipse y agregue el siguiente repositorio: http://colorer.sf.net/eclipsecolorer . Ahora seleccione este repositorio y debería ver la opción de instalación de Eclipse Colorer. No hay una opción de instalación de arrastre AFAIK.

Después de la instalación, vaya a la carpeta del plugin Colorer dentro del directorio de plugins de Eclipse. En mi caso, eso es eclipse/plugins/net.sf.colorer_0.9.9/ . Allí tendrás que modificar 3 archivos:

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

Antes de realizar cualquiera de las instrucciones a continuación, haga una copia de seguridad de todos los archivos en la carpeta para restaurarlos si algo sale mal.

Modificando common.jar

Extraiga common.jar en una carpeta vacía. Esto se hace como cualquier archivo tar.gz normal. Una vez extraído, tendrá que modificar 2 archivos en él:

duplique las líneas 53 y 53 en inet/haml.hrc y cámbielo a scss. El resultado debería ser como a continuación:

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

ahora copie inet/sass.hrc en inet/scss.hrc y cambie las líneas relevantes. El scss.hrc resultante debería ser como a continuación:

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

después de esto, ejecute el siguiente comando en la carpeta donde extrae common.jar para volver a crear el archivo jar:

jar cf common.jar *

luego sustituya el archivo jar original por este.

Otros archivos

Ahora, incluye la extensión /plugin.xml en /plugin.xml línea 37:

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

Y finalmente, líneas duplicadas 200-203 en colorer/hrc/proto.hrc . El resultado debería ser como a continuación:

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

Después de este eclipse de reinicio, debería tener resaltado de sintaxis para los archivos .scss.