Как интегрировать предварительную обработку CSS в Eclipse? [закрыто]

Я хотел бы редактировать файлы SCSS в Eclipse, желательно с подсветкой синтаксиса для .scssфайлов.

Я нашел эти ресурсы ценными:

• http://sass-lang.com/editors.html - нет редактора только для файлов .scss .sass
• http://colorer.sourceforge.net/eclipsecolorer - содержит только файлы .scss

Как мне интегрировать разработку SCSS в редактор Eclipse?

Или, в более общем плане, как мне интегрировать препроцессор CSS в Eclipse?

Я только что понял, как это сделать в Eclipse. Я признаю, что это решение не имеет 100% поддержки SASS, цвета становятся немного странными при использовании вложенного CSS, но это лучше, чем просмотр обычного текста, и вам не нужно устанавливать отдельный редактор.

Вам необходимо связать тип файла .scss с собственным редактором CSS Eclipse в Eclipse [Часть 1]. После этого вам нужно добавить файл типа .scss в собственный редактор CSS, чтобы редактор CSS мог его открыть [Часть 2]. Вот шаги для eclipse (я использую Eclipse Java EE IDE для веб-разработчиков, Indigo):

Часть 1. Свяжите тип файла .scss с собственным редактором CSS Eclipse

1. Перейти к Window > Preferences

2. Перейти к General > Editors > File Associations

3. На панели "Ассоциации файлов" нажмите кнопку "Добавить ..." в правом верхнем углу.

4. Для File Type:введите, *.scssа затем щелкните OK.

5. Найдите *.scssзапись в File Associationsсписке и выберите ее.

6. После выбора *.scssна нижней панели Associated editors:нажмите Add...кнопку.

7. Убедитесь, что Internal editorsвыбран пункт вверху, затем найдите и выберите, CSS Editorа затем щелкните OK.

Это связывает тип файла .scss с собственным редактором CSS eclipses. Теперь нам нужно настроить собственный редактор CSS для поддержки файлов .scss. Для этого выполните следующие действия:

Часть 2 - Добавьте тип файла .scss в собственный редактор CSS

1. Перейти к Window > Preferences

2. Перейти к General > Content Types

3. На панели типов содержимого разверните Text, затем выберитеCSS

4. После того, CSSкак выбрано, на нижней File associations:панели нажмите Add...кнопку.

5. Для Content type:введите, *.scssа затем щелкните OK.

6. Щелкните, OKчтобы закрыть окно настроек.

Все сделано. Все, что вам нужно сделать сейчас, это закрыть все открытые файлы .scss, а затем снова открыть их и, ну-ка, цвета css в Eclipse для файлов .scss!

Примечание: Если CSS цвет не появляется у вас , возможно , придется сделать следующее: Right click the .scss file > Open With > CSS Editor.

Надеюсь это поможет.

Aptana Studio обеспечивает поддержку раскраски синтаксиса для SASS / SCSS, и можно установить Aptana как плагин в Eclipse. См. Следующую цитату с сайта загрузки Aptana:

Установка через Eclipse

Скопируйте следующий URL-адрес сайта обновления в буфер обмена, а затем выполните действия, перечисленные ниже, чтобы добавить этот URL-адрес в список доступных сайтов программного обеспечения. Попытка получить доступ к этому URL-адресу с помощью вашего веб-браузера вернет ошибку «Доступ запрещен».

http://download.aptana.com/studio3/plugin/install

1. В меню «Справка» выберите «Установить новое программное обеспечение…», чтобы открыть диалоговое окно «Установить новое программное обеспечение».
2. Вставьте URL-адрес сайта обновлений в текстовое поле Работа с и нажмите клавишу Enter (или Return).
3. В заполненной таблице ниже установите флажок рядом с названием подключаемого модуля, а затем нажмите кнопку Далее.
4. Нажмите кнопку Далее, чтобы перейти на страницу лицензии.
5. Выберите вариант принятия условий лицензионного соглашения и нажмите кнопку «Готово».
6. Для продолжения вам может потребоваться перезапустить Eclipse.

Вы можете использовать последний подключаемый модуль Eclipse под названием «Colorer», который теперь поддерживает файлы SASS. Вот он: http://colorer.sourceforge.net/eclipsecolorer/index.html

Откройте «Установить новое программное обеспечение» из меню «Справка» в Eclipse и введите « http://colorer.sf.net/eclipsecolorer » в поле «Работа с», чтобы установить подключаемый модуль.