web-dev-qa-db-ja.com

EclipseでのHaml＆Sassの使用

Haml および Sass を編集するための構文強調表示およびその他の便利な機能を追加するEclipse用のプラグインはありますか？ Google検索は lucky-dip.net上のデッドプロジェクト のみを指しているようです。

注：私が最も興味を持っているのはSassです。EclipseでSass（または less のようなもの）だけを使用するソリューションは、私のニーズに適しています。

また、私はEclipse用のApp Engineプラグインを使用して、Google App Engine（Java）用に開発しています。したがって、別のIDE=に切り替えることはオプションではありません。

更新：したがって、構文の強調表示を Pascalの回答 を使用して取得し、 Ruby をインストールしました=および コンパス sassをcssにコンパイルします。

しかし、私は sassの構文は2.4で変更される であることを認識しているため、Aptanaに付属するHamlエディターとSassエディターを動作させたいと思います。それらを使用しようとすると、例外が発生し、ファイルが表示されませんでした。それがAptanaの設定ミスか、エディターの実際のバグなのかどうか、知りたいです。

Ecpliseと統合されたSassをコンパイルする方法にもvery興味があるので、別のものを実行する必要はありませんでした。 （または、Sass/CompassをEcpliseビルドプロセスに配置する方法。）

eclipsehamlsass
40
Sam Hasler

さて、 Aptana はどうですか？ Aptana/EclipseでのHaml/Saas構文の強調表示 ブログの投稿によると：

最近、私はいくつかのmy Railsプロジェクトで Haml を使用しています。それは単にビューをきれいで読みやすくします。私が抱えていた1つの問題は、お気に入りのIDEでの構文の強調表示でした。 Aptana Studio 。Haml 構文の強調表示のサポート はしばらく前に停止され、Aptanaの最近の更新後にさらに問題が発生しています。

調査の結果、Haml GoogleグループのメンバーであるMax Kostovetskiが投稿したソリューションを見つけました。今、ステップへ：

  1. 次のファイルをハードドライブにダウンロードします。>
  2. から アプタナEclipseの[ウィンドウ]メニューで[設定...]を選択します
  3. 設定ウィンドウで、「エディター」>「一般テキスト」を選択します
  4. [追加...]をクリックして、新しいファイル拡張子を追加します：*.hamlおよび*.sass
  5. 新しい拡張子のそれぞれについて、それをクリックし、[参照...]を押して適切なレクサーファイル（*.lxr）を選択します
  6. 色付けするには、[インポート...]を押して*.colファイルをインポートします
  7. 「OK」を押します
  8. Hamlビューをお楽しみください

PS：最新のリンクが提供されているので、元のブログ投稿を参照してください。

注：これは Aptana RadRails Eclipseプラグイン およびAptana Studioで使用できます

UPDATE：執筆時点では、RadRailsとStudioはHamlとSassをサポートしているようなので、上記の手順に従う必要はないかもしれません。

SaaSを「統合された」方法でEclipse内でコンパイルするには、おそらくExternal Tool（Run> External Tools）を使用するだけです）。詳細なオプションは、「Program Builder」をプロジェクトのBuildersに次のように追加することです ブログ投稿 =。もちろん、説明されたソリューションはSaasに適合させる必要がありますが、その背後にある原則が当てはまるようです。注意：私は自分で実装しなかった、それは単なるアイデアであり、意味があるかどうかさえわかりません。

28
Pascal Thivent

最新の EclipseColorer は実際にはHAMLとSASSの両方をサポートしていることに注意してください。フル機能のAptana IDEを必要とせず、エディターを探しているだけの場合は、この方法が適している場合があります。

EclipseColorerは、より良い構文ミックスインサポートも提供します。HAML内の他の言語は、それらの構文（Ruby、javascript、css、sassのミックスイン）に関して強調表示されます。

11
Igor

これは古い質問であることはわかっていますが、SASSやCompassを初めて使用する場合は、Aptana Studio 3をインストールするだけで、.scss、.sass、.hamlがサポートされるようになりました。楽しい。

1
Rob R

Igorの回答でColorerプラグインが興味深いことに気付きましたが、.scssファイル拡張を使用し、.sassファイルでのみ機能します。 .scssファイル拡張子をサポートする方法は次のとおりです。

まず、通常どおりプラグインをインストールします。 Eclipseの[ヘルプ]メニューでInstall New softwareを選択し、次のリポジトリを追加します：http://colorer.sf.net/eclipsecolorer。このリポジトリを選択すると、Eclipse Colorerのインストールオプションが表示されます。ドラッグインストールオプションAFAIKはありません。

インストール後、Eclipseのプラグインディレクトリ内のColorerプラグインフォルダーに移動します。私の場合はEclipse/plugins/net.sf.colorer_0.9.9/です。そこで3つのファイルを変更する必要があります。

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

以下の手順を実行する前に、問題が発生した場合に復元するために、フォルダー内のすべてのファイルをバックアップしてください。

Common.jarの変更

Common.jarを空のフォルダーに抽出します。これは、通常のtar.gzファイルと同じように行われます。解凍したら、その中の2つのファイルを変更する必要があります。

inet/haml.hrcの53行目と53行目を複製して、scssに変更します。結果は次のようになります。

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

inet/sass.hrcをinet/scss.hrcにコピーして、関連する行を変更します。結果のscss.hrcは次のようになります。

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

この後、common.jarを抽出したフォルダーで次のコマンドを実行して、jarファイルを再作成します。

jar cf common.jar *

次に、元のjarファイルをこのファイルで置き換えます。

その他のファイル

次に、/plugin.xml 37行目にscss拡張を含めます。

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

最後に、colorer/hrc/proto.hrcの200〜203行目を複製します。結果は次のようになります。

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

この後、Eclipseを再起動すると、.scssファイルの構文が強調表示されるはずです。

1
Nelson Teixeira

Aptanaは私にとって非常に多くの問題を引き起こすため、たくさんの検索（このスレッドが表示された）の後に、LiClipseText（ https://marketplace.Eclipse.org/content/liclipsetext ）が見つかりました

特に、SASS/SCSSファイルの構文強調表示を提供するプラグインです。それは機能しているようで、「構文の強調表示（LiClipse、TextMate、またはSublimeTextベース）」があるため、おそらくかなり構成可能です（私はあまり試していませんが、基本的な構文の強調表示機能は私にとってはうまくいきます。 Eclipse WST CSSエディターはSCSSファイルに対して実行できます）。

これは、私が使用していない商用LiClipseプラグイン（ https://marketplace.Eclipse.org/content/liclipse ）のオープンソースのエディターコンポーネントです。

1
Ned Martin

HAMLまたはSASS構文の強調表示機能はまだないようですが、VIM（HAML構文の強調表示をサポートしています）をいくつかの利用可能なプラグインを介したEclipse Eclim が可能性があるかもしれません（ただし、私は使用していません-他の選択肢を提供しようとしているだけです）。

別のオプションは、既存のEclipse構文強調表示プラグインを取得して、SassやHAMLの構文強調表示を追加することです。 Eclipse Colorer のようなものを検討する価値があるかもしれません。

1
JasCav