LESS AutoCompile v1.1.1
Автоматически компилирует LESS файлы после сохранения.
LESS AutoCompile это расширение для редактора кода Brackets, который создает автоматическую компиляцию LESS файлов после сохранения.
Опции компиляции
LESS параметры компиляции можно задать в первой строке редактируемого файла:
// out: ../dist/app.css, compress: true, strictMath: true
Доступны следующие параметры компиляции:
out: перенаправить CSS вывод в другой файл
main: составить другой файл вместо этого (игнорирует все другие варианты)
compress: сжать выход CSS
strictMath: требуют математических выражений
sourceMap: генерировать исходную карту
Другие варианты LESS компилятора может также работать, но не проверялось.
Параметры компиляции
Вы можете задать, расширению всегда составлять определенный набор файлов проекта, независимо от редактируемого файла, создав конфигурационный файл compile.json в корневой папке вашего проекта:
{ "less": [ "path/to/file1.less", "path/to/file2.less" ] }
Все пути к файлам должны быть по отношению к корневой папке проекта. Чтобы отключить less-autocompile для проекта, нужно указать пустой список файлов:
{ "less": [] }
FAQ
Как я могу перенаправить вывод в отдельный файл?
- Добавьте следующую строку в начале вашего меньшей файла:
// out: new-file.css
Как подавить составление этого less файла / compile другой less файл, чем тот, редактируется?
- Добавить ссылку на файл master.less к главе импортируемого less файла:
// main: master.less
LESS AutoCompile это расширение для редактора кода Brackets, который создает автоматическую компиляцию LESS файлов после сохранения.
Опции компиляции
LESS параметры компиляции можно задать в первой строке редактируемого файла:
Code
// out: ../dist/app.css, compress: true, strictMath: true
Доступны следующие параметры компиляции:
out: перенаправить CSS вывод в другой файл
main: составить другой файл вместо этого (игнорирует все другие варианты)
compress: сжать выход CSS
strictMath: требуют математических выражений
sourceMap: генерировать исходную карту
Другие варианты LESS компилятора может также работать, но не проверялось.
Параметры компиляции
Вы можете задать, расширению всегда составлять определенный набор файлов проекта, независимо от редактируемого файла, создав конфигурационный файл compile.json в корневой папке вашего проекта:
Code
{ "less": [ "path/to/file1.less", "path/to/file2.less" ] }
Все пути к файлам должны быть по отношению к корневой папке проекта. Чтобы отключить less-autocompile для проекта, нужно указать пустой список файлов:
Code
{ "less": [] }
FAQ
Как я могу перенаправить вывод в отдельный файл?
- Добавьте следующую строку в начале вашего меньшей файла:
Code
// out: new-file.css
Как подавить составление этого less файла / compile другой less файл, чем тот, редактируется?
- Добавить ссылку на файл master.less к главе импортируемого less файла:
Code
// main: master.less
Рекомендации
Рекомендуем после установки расширения, проверить его на обновление более новой версии при помощи МЕНЕДЖЕР РАСШИРЕНИЙ. Если расширение не имеет более нового обновления, значит вы используете последнюю версию.
Установка
Способ 1:
1. Скачать архив расширения
2. Запустить редактор Brackets
3. Распаковать скачанный архив в папку /user/. Как найти папку /user/ ?
В редакторе Brackets выбираем вкладку ПОМОЩЬ > ПОКАЗАТЬ ДИРЕКТОРИЮ РАСШИРЕНИЙ
4. Распаковываем.
5. После распаковки у вас появится новая папка с названием расширения в директории /user/.
6. Перезапускаем редактор Brackets
7. Радуемся установленному расширению.
2. Запустить редактор Brackets
3. Распаковать скачанный архив в папку /user/. Как найти папку /user/ ?
В редакторе Brackets выбираем вкладку ПОМОЩЬ > ПОКАЗАТЬ ДИРЕКТОРИЮ РАСШИРЕНИЙ
4. Распаковываем.
5. После распаковки у вас появится новая папка с названием расширения в директории /user/.
6. Перезапускаем редактор Brackets
7. Радуемся установленному расширению.
Способ 2:
1. Запустить редактор Brackets
2. Переходим во вкладку ФАЙЛ > МЕНЕДЖЕР РАСШИРЕНИЙ
3. В появившемся окне, в поле ПОИСК вводим - LESS AutoCompile
4. Нажимаем УСТАНОВИТЬ.
5. Начнется загрузка и установка расширения.
6. По завершению установки, редактор Brackets перезапустится.
Если этого не произошло - перезагружаем вручную.
7. Радуемся установленному расширению.
2. Переходим во вкладку ФАЙЛ > МЕНЕДЖЕР РАСШИРЕНИЙ
3. В появившемся окне, в поле ПОИСК вводим - LESS AutoCompile
4. Нажимаем УСТАНОВИТЬ.
5. Начнется загрузка и установка расширения.
6. По завершению установки, редактор Brackets перезапустится.
Если этого не произошло - перезагружаем вручную.
7. Радуемся установленному расширению.
Комментарии к материалу
