Подтвердить что ты не робот

Использование Haml & Sass с Eclipse

Существуют ли какие-либо плагины для eclipse, которые добавляют подсветку синтаксиса и другие тонкости для редактирования Haml и Sass? Поисковые запросы Google, похоже, указывают на мертвый проект на lucky-dip.net.

Примечание: это Sass меня больше всего интересует. Решение для использования только Sass (или что-то похожее на него как less) в Eclipse соответствовали бы моим потребностям.

Кроме того, я разрабатываю приложение для Google App Engine (Java), используя плагин App Engine для Eclipse. Поэтому переход на другую IDE не является вариантом.


Обновление: Итак, теперь у меня есть подсветка синтаксиса, используя Pascal answer, и я установил Ruby и Compass, чтобы скомпилировать sass в css.

Однако я знаю, что синтаксис sass будет меняться с 2.4, поэтому я все равно хотел бы получить Haml и Sass Редакторы, которые приходят с Аптаной на работу. Когда я пытался их использовать, они выбрасывали исключение и не отображали файлы. Мне было бы интересно узнать, что из-за того, что я неправильно сконфигурировал Aptana или это ошибка в редакторах.

Я также был бы очень заинтересованным в любом способе компиляции Sass, интегрированного с Ecplise, чтобы мне не пришлось запускать что-то отдельно от него. (или способ поместить Sass/Compass в процесс сборки Ecplise.)

4b9b3361

Ответ 1

Ну, а как насчет Aptana? В соответствии с Заголовок синтаксиса Haml/Saas в Aptana/Eclipse:

В последнее время я использовал Haml в некоторые мои проекты Rails. Это просто делает ваши взгляды чистыми и читаемыми. Один из вопросов, который у меня был, - синтаксис выделение в моей любимой IDE, Aptana Studio. Синтаксис Haml подсветка поддержки была остановлена Некоторое время назад и больше проблем после недавних обновлений Aptana.

После некоторых исследований я обнаружил решение, размещенное Максом Костовецким, член группы Haml Google. Теперь, чтобы шаги:

  • Загрузите следующие файлы на ваш жесткий диск: >
  • В меню Aptana Eclipse "Окно" выберите "Настройки..."
  • В окне настроек выберите "Редакторы" > "Общий текст"
  • Нажмите "Добавить...", чтобы добавить новые расширения файлов: *.haml и *.sass
  • Для каждого из новых расширений щелкните его и нажмите "Обзор..." на выберите правильный файл lexer (*.lxr)
  • Для раскрашивания нажмите "Импорт...", чтобы импортировать файлы *.col
  • Нажмите "ОК"
  • Наслаждайтесь просмотром Haml

PS: см. исходное сообщение в блоге, поскольку оно содержит современные ссылки.

Примечание: это можно использовать с плагином Aptana RadRails Eclipse, а также с Aptana Studio

ОБНОВЛЕНИЕ:. На момент написания статьи RadRails и Studio, похоже, поддерживали Haml и Sass, поэтому теперь было бы необязательно следовать вышеприведенным шагам.


Чтобы скомпилировать SaaS "интегрированным" способом внутри Eclipse, вы могли бы просто использовать внешний инструмент ( "Выполнить" > "Внешние инструменты" ). Еще одним дополнительным вариантом было бы добавить "Project Builder" к вашему проекту Builders, как в этом блоге. Конечно, описанное решение должно быть адаптировано к Саасу, но принципы, лежащие в его основе, как представляется, применяются. Осторожно: я не реализовал его сам, это просто идея, и я даже не уверен, что это имеет смысл.

Ответ 2

Обратите внимание, что последний EclipseColorer фактически поддерживает как HAML, так и SASS. Это может быть хорошим альтернативным выбором, если вам не нужна полноценная Aptana IDE, но просто ищет редактор.

EclipseColorer также дает вам лучшую поддержку синтаксиса mixin: другие языки внутри HAML выделяются с учетом их синтаксиса (mixins для ruby, javascript, css, even sass).

Ответ 3

Пока нет никаких признаков выделения синтаксиса HAML или SASS, вы можете подумать о том, чтобы сделать что-то в соответствии с тем, что VIM (который поддерживает подсветку синтаксиса HAML) в Eclipse через несколько доступных плагинов, Eclim может быть (хотя, я не использовал его, просто пытаюсь предложить другие варианты).

Другие варианты - использовать уже существующий плагин подсветки синтаксиса Eclipse и добавить подсветку синтаксиса для Sass и/или HAML. Что-то вроде Eclipse Colorer может быть интересно посмотреть.

Ответ 4

Я знаю, что это старый вопрос, но для любого нового для SASS aond Compass, подобного мне, я только что установил Aptana Studio 3, и теперь он поддерживает .scss,.sass и .haml. Наслаждайтесь.

Ответ 5

Я нашел, что плагин Colorer в Игоре отвечает интересным, но я использую расширение файла .scss и он работает только для файлов .sass. Здесь, как заставить его поддерживать расширение .scss:

Сначала установите плагин как обычно. Выберите Install New software в меню "Справка" в Eclipse и добавьте следующий репозиторий: http://colorer.sf.net/eclipsecolorer. Теперь выберите этот репозиторий, и вы увидите опцию установки Eclipse Colorer. Нет опции перетаскивания AFAIK.

После установки, перейдите в папку плагина Colorer внутри каталога плагина Eclipse. В моем случае это eclipse/plugins/net.sf.colorer_0.9.9/. Там вам нужно будет изменить 3 файла:

  • колорер/СПЧ/common.jar
  • колорер/СПЧ/proto.hrc
  • /plugin.xml

Прежде чем выполнять какую-либо из приведенных ниже инструкций, создайте резервные копии всех файлов в папке, чтобы восстановить их, если что-то пойдет не так.

Изменение common.jar

Извлеките common.jar в пустую папку. Это делается как любой обычный tar.gz файл. После извлечения вам придется изменить в нем 2 файла:

повторяйте строки 53 и 53 в inet/haml.hrc и измените их на 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 на этот.

Другие файлы

Теперь добавьте расширение scss в строку /plugin.xml строка 37:

Расширения = "XML, XSD, XSL, дтд, КПЧ, хрд, HTML, HTM, XHTML, RHTML, ERB, YML, Haml, дерзость, СКС, CSS, ASP, ASPX, JSP, FO, SVG, БРК, DocBook, JHTML, JSPF, PHP, php3, php4, PHTML, СГМ, SGML, shtm, SHTML"

И, наконец, дублируем строки 200-203 в colorer/hrc/proto.hrc. Результат должен выглядеть следующим образом:

<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 файлов.

Ответ 6

Aptana вызывает слишком много проблем для меня, поэтому после многих поисков (которые появились в этой теме) я обнаружил LiClipseText (https://marketplace.eclipse.org/content/liclipsetext)

Это плагин, который обеспечивает, среди прочего, подсветку синтаксиса для файлов SASS/SCSS. Кажется, что это работает, и имеет "Подсветка синтаксиса (на основе LiClipse, TextMate или SublimeText)", поэтому, вероятно, вполне настраиваема (я не играл с ней много, но основная функция подсветки синтаксиса работает для меня, что больше, чем Редактор CSS Eclipse WST может делать для файлов SCSS).

Это компонент редактора открытого коммерческого плагина LiClipse (https://marketplace.eclipse.org/content/liclipse), который я не использовал.