it-swarm.com.ru

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

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

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

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

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

110
Eric H

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

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

Часть 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 Editor. Теперь нам нужно настроить собственный редактор 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.

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

293
Scot

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

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

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

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

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

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

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

6
vyasamit2007