как интегрировать предварительную обработку css в eclipse?

<p>я хотел бы редактировать файлы scss в eclipse, желательно с подсветкой синтаксиса для файлов <code>.scss</code>.</p><p>я нашел эти ресурсы ценными:</p><ul> <li> <a href="http://sass-lang.com/editors.html">http://sass-lang.com/editors.html</a> - не имеет редактора только для файлов .scss .sass</li> <li> <a href="http://colorer.sourceforge.net/eclipsecolorer">http://colorer.sourceforge.net/eclipsecolorer</a> - имеет только файлы .scss</li> </ul><p>как я могу интегрировать разработку scss в редактор eclipse?</p><p>или, в целом, как мне интегрировать препроцессор css в eclipse?</p>

<p>я только что понял, как это сделать в eclipse. я признаю, что это решение не имеет поддержки sass на 100%, цвета становятся немного прикольными при использовании вложенных css, но это лучше, чем просмотр обычного текста, и вам не нужно устанавливать отдельный редактор.</p><p>вам необходимо связать тип файла .scss с собственным редактором css eclipse в eclipse [часть 1]. после того, как вы это сделаете, вам нужно добавить тип файла .scss в собственный редактор css, чтобы редактор css мог его открыть [часть 2]. вот шаги для eclipse (я использую eclipse java ee ide для веб-разработчиков, индиго):</p><h3>часть 1. связать тип файла .scss с собственным редактором css eclipse.</h3><ol> <li> <p>перейти к <code>window > preferences</code></p> </li> <li> <p>развернуть до <code>general > editors > file associations</code></p> </li> <li> <p>на панели "связи файлов" нажмите кнопку "добавить ..." в правом верхнем углу.</p> </li> <li> <p>для <code>file type:</code> введите <code>*.scss</code> и затем нажмите <code>ok</code>.</p> </li> <li> <p>найдите запись <code>*.scss</code> в списке <code>file associations</code> и выберите ее.</p> </li> <li> <p>после выбора <code>*.scss</code> на нижней панели <code>associated editors:</code> нажмите кнопку <code>add...</code>.</p> </li> <li> <p>убедитесь, что в верхней части выбран <code>internal editors</code>, затем найдите и выберите <code>css editor</code>, а затем нажмите <code>ok</code>.</p> </li> </ol><p>это связало тип файла .scss с собственным затмением css editor. теперь нам нужно настроить собственный редактор css для поддержки файлов .scss. для этого выполните следующие действия:</p><h3>часть 2. добавление типа файла .scss в собственный редактор css.</h3><ol> <li> <p>перейти к <code>window > preferences</code></p> </li> <li> <p>развернуть до <code>general > content types</code></p> </li> <li> <p>на панели "типы содержимого" разверните <code>text</code>, затем выберите <code>css</code></p> </li> <li> <p>после выбора <code>css</code> в нижней панели <code>file associations:</code> нажмите кнопку <code>add...</code>.</p> </li> <li> <p>для <code>content type:</code> введите <code>*.scss</code> и затем нажмите <code>ok</code>.</p> </li> <li> <p>нажмите <code>ok</code>, чтобы закрыть окно настроек.</p> </li> </ol><p>все сделано. все, что вам нужно сделать сейчас, это закрыть все файлы .scss, которые вы открыли, затем снова открыть их и что, цвета css в eclipse для файлов .scss!</p><p>примечание. если цвета css не отображаются, возможно, вам придется сделать следующее: <code>right click the .scss file > open with > css editor</code>.</p><p>надеюсь это поможет.</p>

<p> <a href="http://www.aptana.com/products/studio3/download">aptana studio</a> обеспечивает поддержку окраски синтаксиса для sass/scss, и в eclipse можно установить aptana в качестве плагина. смотрите следующую цитату с сайта загрузки aptana:</p><blockquote> <p>установка через eclipse</p> <p>скопируйте следующий url-адрес сайта обновления в буфер обмена, а затем выполните действия, перечисленные ниже, чтобы добавить этот url-адрес в список доступных сайтов программного обеспечения. попытка получить доступ к этому url с помощью вашего веб-браузера приведет к ошибке access denied.</p> <p> <a href="http://download.aptana.com/studio3/plugin/install">http://download.aptana.com/studio3/plugin/install</a> </p> <ol> <li>в меню "справка" выберите "установить новое программное обеспечение…", чтобы открыть диалоговое окно "установка нового программного обеспечения".</li> <li>вставьте url-адрес сайта обновления в текстовое поле "работа с" и нажмите клавишу "ввод" (или "return").</li> <li>в приведенной ниже таблице установите флажок рядом с именем подключаемого модуля, а затем нажмите кнопку "далее".</li> <li>нажмите кнопку далее, чтобы перейти на страницу лицензии.</li> <li>выберите вариант, чтобы принять условия лицензионного соглашения, и нажмите кнопку готово.</li> <li>возможно, вам придется перезапустить eclipse, чтобы продолжить.</li> </ol> </blockquote>

<p>вы можете использовать последний подключаемый модуль eclipse под названием "colorer", который теперь поддерживает файлы sass. вот оно: <a href="http://colorer.sourceforge.net/eclipsecolorer/index.html">http://colorer.sourceforge.net/eclipsecolorer/index.html</a> </p><p>откройте "установить новое программное обеспечение" из меню "справка" в eclipse и введите " <a href="http://colorer.sf.net/eclipsecolorer">http://colorer.sf.net/eclipsecolorer</a> " в поле "работа с", чтобы установить плагин.</p>