Usando Haml & Sass com o Eclipse

https://stackoverflow.com/questions/1474096

16-09-2019
|

Pergunta

Existem plugins para o eclipse que destaque de sintaxe add e outras sutilezas para editar Haml e Sass ? Pesquisas do Google parecem apenas apontam para uma projeto morto em lucky-dip.net .

Nota: É Sass eu estou mais interessado em uma solução para usar apenas Sass (ou algo semelhante a ele como menos <. / a>) em Eclipse iria atender minhas necessidades.

Além disso, eu estou desenvolvendo para o Google App Engine (Java), usando o plugin App Engine for Eclipse. Assim, a mudança para outro IDE não é uma opção.

Update: Então eu tenho destaque de sintaxe agora usando resposta de Pascal e eu tenho instalado rubi e Compass para compilar sass em css.

No entanto, eu estou ciente de que a sintaxe do sass vai mudar com 2,4 então eu ainda gostaria de obter os Editores Haml e Sass que vêm com Aptana ao trabalho. Quando eu tentei usá-los eles emitiu uma exceção e não exibir os arquivos. Eu estaria interessado em saber se isso é porque eu mal configurado Aptana ou é um bug real nos editores.

Eu também estaria muito interessado em qualquer forma de compilar Sass que integrado com ecplise para que eu não tenho que executar algo separado dela. (Ou uma forma de colocar Sass / Compass no processo de compilação ecplise.)

Solução

Bem, e sobre Aptana ? De acordo com a Haml / Saas Syntax Highlighting no Aptana / Eclipse postagem no blog:

Recentemente, tenho vindo a utilizar Haml em alguns meus projetos Rails. ele simplesmente faz com que seus pontos de vista limpo e legível. Uma questão que eu tinha era sintaxe destacando na minha IDE favorita, Aptana Studio . O Haml sintaxe destacando o apoio foi parado Um tempo atrás e mais problemas têm levantadas após atualizações recentes Aptana.

Depois de alguma pesquisa, descobri um solução postada por Max Kostovetski, um membro do grupo Haml Google. Agora, para os passos:

Faça o download dos seguintes arquivos para seu disco rígido:>

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 do Eclipse "Janela", selecione "Preferências ..."

Na janela de preferências, selecione "Editors"> "texto genérico"

Pressione o botão "Adicionar ..." para adicionar novas extensões de arquivo: *.haml e *.sass

Para cada uma das novas extensões, clique nele e clique em "Procurar ..." para selecionar o arquivo apropriado lexer (*.lxr)

Para colorização, pressione "Importar ..." para importar os arquivos *.col

Pressione "OK"

Aproveite-lhe vistas Haml

PS: Consulte o post original como ele fornece links up-to-date.

Nota: isso pode ser usado com o Aptana RadRails Eclipse plug-in , bem como Aptana Studio

UPDATE: No momento da escrita, RadRails e Estúdio parece apoiar Haml e Sass por isso pode agora ser desnecessário para seguir os passos acima.

Para compilar SaaS de forma "integrada" dentro do Eclipse, talvez você possa usar apenas um ferramenta externa (Executar> Ferramentas Externas). Outra opção mais elaborada seria adicionar um " Builder Program " para o seu projeto Builders como neste Blog Post . Claro, a solução descrita exigiria a ser adaptado para Saas mas os princípios por trás dele parece aplicar-se. Cuidado: Eu não implementá-lo eu mesmo, é apenas uma idéia e eu nem tenho certeza que faz sentido.

Outras dicas

Observe que mais recente EclipseColorer realmente suporta tanto HAML & SASS. Pode ser uma boa opção alternativa se você não precisa de um completo Aptana IDE, mas apenas à procura de um editor.

EclipseColorer também lhe dá um melhor suporte sintaxe mixin:. Outras línguas dentro de HAML são destacados com relação a sua sintaxe (mixins para rubi, javascript, css, mesmo sass)

Enquanto não parece que existam marcadores HAML ou SASS sintaxe ainda, você pode querer considerar fazer algo ao longo das linhas de trazer VIM (que tem suporte para HAML destaque de sintaxe) para Eclipse através de alguns plugins disponíveis . eclim pode ser uma possibilidade (embora, eu não tê-lo usado - apenas tentando oferecer outras alternativas).

Outra opção é tomar uma sintaxe Eclipse já existente destacando plug-in e adicionar realce de sintaxe para Sass e / ou HAML. Algo como a Eclipse colorer pode valer a pena olhar em.

Eu sei que isto é uma questão de idade, mas para alguém novo para SASS e Compass como eu, basta instalar Aptana Studio 3 e agora tem suporte para .scss, .sass e .haml. Desfrute.

Aptana provoca muitos problemas para mim, então depois de muita pesquisa (que apareceram esta discussão), eu encontrei LiClipseText ( https://marketplace.eclipse.org/content/liclipsetext )

É um plugin que prevê, entre outras coisas, destaque de sintaxe para arquivos SASS / SCSS. Parece-trabalho, e tem "Syntax Highlighting (LiClipse, TextMate ou sublime text based)" assim é, provavelmente, bastante configurável (Eu não tenho jogado ao redor com ele muito, mas a sintaxe básica recurso destacando está funcionando para mim, o que é mais do que o Eclipse WST editor CSS poderia fazer para arquivos SCSS).

É o componente editor de código aberto do plugin LiClipse comercial ( https: //marketplace.eclipse. org / content / liclipse ) que eu não usei.

Eu encontrei colorer plugin no resposta interessante de Igor, mas eu uso extensão de arquivo .scss e ele só funciona para .sass arquivos. Aqui está como fazê-lo suportar extensão de arquivo .scss:

Primeiro instale o plugin como normal. Selecione Install New software no menu Ajuda do Eclipse e adicione o seguinte repositório: http://colorer.sf.net/eclipsecolorer. Agora, selecione este repositório e você deve ver o Eclipse colorer opção de instalação. Não há opção de arrastar instalar AFAIK.

Depois de instalar, Goto colorer plugin de pasta dentro do diretório de plugins do Eclipse. No meu caso que é eclipse/plugins/net.sf.colorer_0.9.9/. Lá você vai ter que modificar 3 arquivos:

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

Antes de fazer qualquer uma das instruções abaixo, por favor, backup de todos os arquivos na pasta, a fim de restaurá-los se alguma coisa der errado.

Modificando common.jar

Extract common.jar para uma pasta vazia. Isso é feito como qualquer arquivo tar.gz normal. Uma vez extraído você vai ter que modificar 2 arquivos nele:

linhas duplicadas 53 e 53 em inet/haml.hrc e alterá-lo para SCSS. O resultado deve ser como abaixo:

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

Agora copiar inet/sass.hrc para inet/scss.hrc e alterar as linhas relevantes. O scss.hrc resultante deve ser como abaixo:

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

Depois disso, execute o seguinte comando na pasta onde você extrair common.jar para recriar o arquivo jar:

jar cf common.jar *

, em seguida, substituir o arquivo jar original de um presente.

Outros arquivos

Agora, incluem a extensão SCSS em linha /plugin.xml 37:

extensões = "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, finalmente, as linhas duplicadas 200-203 em colorer/hrc/proto.hrc. O resultado deve ser como abaixo:

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

Após este restart eclipse e você deve ter destaque de sintaxe para arquivos .scss.

Licenciado em: CC-BY-SA com atribuição

Não afiliado a StackOverflow