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


111

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

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

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

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


Ответы:


297

Я только что понял, как это сделать в 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.

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


7
+1 за то, что не устанавливаете никаких дополнительных инструментов и используете eclipse как есть ... Другой вариант может быть " colorer.sourceforge.net/eclipsecolorer "
spankmaster79 05

1
@ spankmaster79 eclipsecolorer поддерживает только файлы sass (попробовал сегодня в juno)
mons droid

1
@mons перешел на PHPStorm, намного быстрее, намного лучше поддержка и компиляция событий при сохранении в редакторе. Попробуйте
spankmaster79

1
eclipsecolorer не поддерживает scss. Он поддерживает дерзость. Есть отличия.
mrbinky3000 02

2
Добавление примечания для: Щелкните правой кнопкой мыши файл .scss> Открыть с помощью> Использовать редактор CSS> Другое ... щелкните Редактор CSS, а затем отметьте «использовать этот редактор для всех файлов style.scss» и отметьте «Использовать для всех» * .scss '
ChrisB,

11

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.

2
Имейте в виду, что у Aptana есть собственная тематическая расцветка. Если вы привыкли к определенной цветовой теме Eclipse, приготовьтесь полностью отказаться от нее, если вы установите подключаемый модуль Aptana.
Sturm

Плохая идея! Полностью сломал мои редакторы Eclipse.
Бранислав Лазич

6

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

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


Поддерживает ли он автоматическое завершение (например, ctrl + пробел)?
Fuzzo

Слишком много ошибок! почти на каждой строчке
Саураб Баяни

в Eclipse доступно новое программное обеспечение под названием «Liclipse», которое работает с большинством языков
Fadi Nouh
Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.