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

https://stackoverflow.com/questions/1474096

16-09-2019
|

Вопрос

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

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

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

Обновить: Итак, теперь у меня есть подсветка синтаксиса, использующая Ответ Паскаля и я установил Рубин и Компас чтобы скомпилировать sass в css.

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

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

Решение

Ну, а как насчет Аптана?В соответствии с Подсветка синтаксиса Haml / Saas в Aptana / Eclipse запись в блоге:

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

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

Загрузите следующие файлы на свой жесткий диск:>

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

От ~~Аптана~~Меню Eclipse "Окно", выберите "Настройки ..."

В окне настроек выберите "Редакторы" > "Общий текст".

Нажмите "Добавить ...", чтобы добавить новые расширения файлов: *.haml и *.sass

Для каждого из новых расширений щелкните его и нажмите "Обзор ...", чтобы выберите нужный файл lexer (*.lxr)

Для раскрашивания нажмите "Импортировать...", чтобы импортировать *.col Файлы

Нажмите "ОК".

Приятного вам просмотра Haml

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

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

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

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

Другие советы

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

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

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

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

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

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

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

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

Я нашел плагин 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 файла:

colorer/hrc/common.jar
краситель/hrc/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:

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"

И, наконец, продублируйте строки 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.

Лицензировано под: CC-BY-SA с атрибуция

Не связан с StackOverflow