Як інтегрувати попередню обробку CSS в Eclipse? [зачинено]


111

Я хотів би відредагувати файли SCSS в Eclipse, бажано з підсвічуванням синтаксису для .scssфайлів.

Я вважав ці ресурси цінними:

Як я можу інтегрувати розробку SCSS в редактор Eclipse?

Або, загалом, як я інтегрую попередній процесор CSS в Eclipse?


Відповіді:


297

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

Потрібно пов’язати тип файлу .scss з нативним редактором CSS Eclipse у програмі Eclipse [Частина 1]. Після цього вам потрібно додати тип файлу .scss до рідного редактора CSS, щоб редактор CSS міг його відкрити [частина 2]. Ось кроки для затемнення (я запускаю 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. Тепер нам потрібно налаштувати рідний редактор 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-файли, потім знову відкрити їх і wha-la, css кольори в Eclipse для .scss файлів!

Примітка: Якщо CSS колір не з'являється у вас , можливо , доведеться зробити наступне: Right click the .scss file > Open With > CSS Editor.

Сподіваюся, це допомагає.


7
+1 за те, що не встановлювати зайвих інструментів і використовувати eclipse, як це ... Іншим варіантом може бути " colorer.sourceforge.net/eclipsecolorer "
spankmaster79

1
@ spankmaster79 eclipsecolorer підтримує лише файли sass (пробуйте сьогодні в липні)
mons droid

1
@mons перейшов на PHPStorm, набагато швидше, значно краща підтримка та компіляція подій на збереження в редакторі. Спробуйте
spankmaster79

1
eclipsecolorer не підтримує scss. Це підтримує sass. Існують відмінності.
mrbinky3000

2
Додавання примітки до: Клацніть правою кнопкою миші файл .scss> Відкрити за допомогою> Редактор CSS використовувати замість цього> Інше ... натисніть CSS Editor, а потім поставте галочку "використовувати цей редактор для всіх файлів" 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.
Штурм

Погана ідея! Загалом зламав мої редактори Eclipse.
Бранислав Лазіч

6

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

Відкрийте меню "Встановити нове програмне забезпечення" у меню "Довідка" в Eclipse та введіть " http://colorer.sf.net/eclipsecolorer " у поле "Робота з", щоб встановити плагін


Чи підтримує воно автоматичне (тобто ctrl + пробіл) завершення?
Фуццо

Показано занадто багато помилок! майже на кожному рядку
Саурах Баяні

в Eclipse є нове програмне забезпечення під назвою "Liclipse", яке працює з більшістю
мов
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.