Ответ 1
Чтобы автоматически перевести LESS в CSS в Eclipse, я объясню два возможных способа.
- Использование плагина
- Как это сделать вручную
(Я отредактировал это сообщение после того, как я написал плагин, так что ручной способ - это старый способ, что исходное сообщение содержалось за какое-то время, которое вы, возможно, видели здесь некоторое время назад)
Требования
Для любого решения вам необходимо установить node и lessc (менее компилятор).
Установка lessc через npm со следующими командами:
npm install -g less-compiler
npm install -g less
1. Установите плагин трансплантера Eclipse
Я написал плагин eclipse для обработки переполнения в eclipse. Просто установите его и следуйте инструкциям в файле readme, чтобы настроить трансляцию для вашего проекта.
- > https://github.com/gossi/eclipse-transpiler-plugin
2. Вручную установите конструктор
Я написал себе небольшую оболочку script, которая запускает lessc после каждого сохранения в .less файле. Однако eclipse сохраняет свою собственную среду, поэтому в eclipse нет переменных %PATH. Итак, вам нужен полный путь к команде lessc, которую вы можете найти с помощью which lessc:
$ which lessc
/usr/local/bin/lessc
Кроме того, поскольку lessc работает в среде node:
$ head -n1 /usr/local/bin/lessc
#!/usr/bin/env node
Вы не можете запустить это напрямую, потому что eclipse не знает о вашей среде. Вам нужно добавить команду node для достижения вызова lessc в eclipse:
$ which node
/usr/local/bin/node
Оболочка script с полным путем к lessc:
#!/bin/bash
/usr/local/bin/node /usr/local/bin/lessc css/*.less > css/*.css
Вы можете настроить источники ввода и вывода в соответствии с вашим проектом. Чтобы сделать этот запуск в eclipse, нам нужно заставить его работать как строитель. Вот вы:
- Rightclick в вашем проекте > Свойствa > Строители.
- Нажмите "Создать", выберите "Программа" и дайте ему классное имя.
- Вкладка "Главная"
- Местоположение: выберите оболочку script здесь
- Рабочий каталог: я выбрал папку проекта
- Вкладка "Обновить"
- [x] Обновить ресурсы после завершения
- [x] Конкретные ресурсы
- Нажмите "Укажите ресурсы..."
- Проверьте ресурсы, которые вы хотите обновить после компиляции, обычно файлы css
- Рекурсивно включать подпапки зависит от вас и вашего проекта.
- "Опции сборки"
- [ ] Allocate Console (снимите флажок, мы хотим, чтобы он был тихим, включите его для отладки)
- [x] Запуск в фоновом режиме
- Запустить Builder
- [ ] После "чистого"
- [x] Во время ручной сборки
- [x] Во время автоматической сборки
- [ ] Во время "чистого"
- [x] Укажите рабочий набор соответствующих ресурсов
- Нажмите "Укажите ресурсы..."
- Выберите ресурсы, которые вы хотите скомпилировать, как правило, ваши .less файлы. Примечание. Не выбирайте папку с файлами css здесь, которая обновляется после сборки, в любом случае ваше затмение может попасть в бесконечный цикл. Таким образом, файлов будет недостаточно.
Теперь откройте файл .less, внесите некоторые изменения и сохраните. Откройте скомпилированный файл .css - tada:)
Окна:
Я думаю, что это тоже будет работать с окнами, с соответствующим .bat файлом.
Удачи