Использование 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.)
Ответы
Ответ 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="/[\(\)'"]/" 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), который я не использовал.