Usando Haml y Sass con Eclipse

https://stackoverflow.com/questions/1474096

16-09-2019
|

Pregunta

¿Hay plugins para Eclipse que añaden resaltado de sintaxis y otros detalles para la edición Haml y Sass ? Google, solo podrá buscar parecen apuntar a un proyecto muerto en lucky-dip.net .

Nota: es Sass que estoy más interesado en una solución para el uso de solo Sass (o algo similar a ella como menos <. / a>) en Eclipse se adapte a mis necesidades.

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

Actualización: sintaxis Así que tengo que destaca ahora usando respuesta de Pascal y he instalado Rubí y Brújula para compilar Sass en css.

Sin embargo soy consciente de que la sintaxis del Sass es un cambio con 2,4 así todavía me gustaría conseguir los editores Haml y Sass que vienen con Aptana a trabajar. Cuando traté de usarlos lanzaron una excepción y no mostrar los archivos. Me interesaría saber si eso es porque yo mal configurado o Aptana es en realidad un bug en los editores.

También sería muy interesado en alguna forma de elaboración de Sass que se integra con ecplise para que yo no tuviera que ejecutar algo separado de él. (O una forma de poner Sass / Compass en el proceso de acumulación ecplise.)

Solución

Bueno, ¿qué pasa con Aptana ? De acuerdo con la Haml / Saas resaltado de sintaxis en Aptana / Eclipse entrada de blog:

Recientemente, he estado usando Haml en   algunos de mis proyectos raíles. simplemente   hace que sus puntos de vista limpia y legible.   Un problema que tuve fue la sintaxis   destacando en mi IDE favorito,    Aptana Studio. El Haml sintaxis   destacando el apoyo se ha detenido   Hace un tiempo y tienen más problemas   levantado después de las actualizaciones recientes Aptana.

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


Descargar los siguientes archivos en el 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



~~Aptana~~ Eclipse menú "Ventana", seleccione "Preferencias ..."

En la ventana de las preferencias, seleccione "Editores"> "texto genérico"

Pulse el botón "Añadir ..." para añadir nuevas extensiones de archivo: *.haml y *.sass

Para cada una de las nuevas extensiones, haga clic en él y pulse el botón "Examinar ..." para   seleccione el archivo de léxico adecuado (*.lxr)

Para la coloración, pulse "Importar ..." para importar los archivos *.col

Pulse el botón "OK"

disfrutar de vistas Haml

PS: Consulte la entrada del blog original, ya que proporciona enlaces de hasta al día.

Nota: esto se puede utilizar con el complemento de Aptana RadRails Eclipse así como Aptana Studio

ACTUALIZACIÓN: En el momento de la redacción, y RadRails estudio parece apoyar Haml y Sass por lo que podría ahora ser innecesario seguir los pasos anteriores.

Para compilar SaaS de forma "integrado" dentro de Eclipse, se podría tal vez sólo tiene que utilizar un herramienta externa (Ejecutar> Herramientas externas). Otra opción más elaborada sería añadir un " Programa de Construcción " a Constructores de su proyecto como en este entrada de blog . Por supuesto, la solución descrita requeriría que adaptarse a Saas pero los principios detrás de ella parece aplicarse. Precaución: Yo no implementó yo mismo, es sólo una idea y no estoy siquiera seguro de que tiene sentido.

Otros consejos

Tenga en cuenta que la última EclipseColorer realidad soporta tanto HAML y SASS. Puede ser una buena alternativa si no necesita un IDE con todas las funciones Aptana, pero sólo en busca de un editor.

EclipseColorer también le da un mejor soporte mixin sintaxis:. Otros idiomas dentro de HAML se destaca con respecto a su sintaxis (mixins para Ruby, JavaScript, CSS, incluso Sass)

A pesar de que no parece que haya resaltado de sintaxis HAML o SASS sin embargo, es posible que desee considerar la posibilidad de hacer algo en la línea de llevar VIM (que tiene soporte para resaltado de sintaxis HAML) en Eclipse a través de un par de plugins disponibles . Eclim podría ser una posibilidad (aunque, yo no lo he usado - tratando de ofrecer otras alternativas).

Otra de las opciones es tomar una sintaxis destacando Eclipse plug-in ya existente y añadir resaltado de sintaxis para Sass y / o HAML. Algo así como el Eclipse Colorer puede ser vale la pena analizar.

Sé que esto es una cuestión de edad, sino también para cualquier persona nueva en SASS y Compass como yo, sólo tiene que instalar Aptana Studio 3 y ahora tiene soporte para .scss, .sass y .haml. Disfrutar.

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

Es un plugin que ofrece, entre otras cosas, resaltado de sintaxis para archivos SASS / SCSS. Parece que funciona, y tiene "resaltado de sintaxis (LiClipse, TextMate o Sublime Text based)" así es, probablemente, bastante configurable (no he jugado un rato con él mucho, pero la sintaxis básica característica que destaca está trabajando para mí, que es más que la Eclipse editor de CSS WST podría hacer por archivos SCSS).

Es el componente de edición de código abierto del plugin LiClipse comercial ( https: //marketplace.eclipse. org / content / liclipse ) que no he utilizado.

He encontrado Colorer plug-in en la respuesta de Igor interesante, sin embargo, yo utilizo extensión de archivo .scss y sólo funciona para archivos .sass. Aquí es cómo hacer que sea compatible con la extensión de archivo .scss:

En primer lugar instalar el plug-in de forma normal. Seleccionar Install New software en el menú de Ayuda en Eclipse y añada el siguiente repositorio: http://colorer.sf.net/eclipsecolorer. Ahora seleccione este repositorio y debería ver la opción de instalar el Eclipse Colorer. No hay ninguna opción de arrastrar instalar yo sepa.

Después de instalar, carpeta de plugin Goto Colorer dentro del directorio de plugins de Eclipse. En mi caso eso es eclipse/plugins/net.sf.colorer_0.9.9/. No tendrá que modificar los archivos 3:

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

Antes de hacer cualquiera de las siguientes instrucciones, por favor, copia de seguridad de todos los archivos de la carpeta con el fin de recuperarlos en caso de que algo va mal.

Modificación common.jar

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

duplicar las líneas 53 y 53 en inet/haml.hrc y el cambio a SCSS. El resultado debe ser como la siguiente:

<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 copiar inet/sass.hrc a inet/scss.hrc y cambie las líneas pertinentes. El scss.hrc resultante debe 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 en la que extrae common.jar para recrear el archivo jar:

jar cf common.jar *

A continuación, sustituir el archivo JAR original de éste.

Otros archivos

Ahora, incluir extensión SCSS en línea /plugin.xml 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, por último, duplicar las líneas 200-203 en colorer/hrc/proto.hrc. El resultado debe ser como la siguiente:

<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 reinicio eclipsar y usted debe tener resaltado de sintaxis para archivos .scss.

Licenciado bajo: CC-BY-SA con atribución

No afiliado a StackOverflow