Знакомство с LESS/SASS

@pitline · Регистрация: 21.12.2013

Студворк — интернет-сервис помощи студентам

Начинаю работать с лесс/сасс, такое дело подключил style.less скрипт less.js в индекс, предварительно установил руби и установил через командную строку, набрал простенький код для проверки, но привила из style.less не применяются что это может быть (если рассматривать чисто технически - может быть проблема в руби или скрипте..., если взять во внимание что код написан верно и ссылки на таблицу и скрипт указаны тоже верно)?

@monochromer · 25.04.2014, 21:21

Если нужно использовать less как js-библиотеку для live-разработки, нужно сделать следующее:

1. Подключить less-стили:
<link rel="stylesheet/less" type="text/css" href="styles.less" />

2. Подключить less.js
<script src="less.js" type="text/javascript"></script>

3. Самое главное - запускать все это на веб-сервере.

@belovw · 25.04.2014, 22:31

Удостоверьтесь, что вы прикрепили LESS файл перед JS.

@pitline · 25.04.2014, 22:43 **[ТС]**

Сообщение от monochromer

Самое главное - запускать все это на веб-сервере.

Вот в чем дело, не установил сервер, скажите пожалуйста, денвера или оупен сервера будет достаточно? Да и как запустить страницу с сервера, допустим денвер:
1) Создать папку с названием сайта
2) Поместить проект в папку
3) Указать путь в адресной строке браузера через имя этой папки
Так?

@monochromer · 25.04.2014, 23:25

pitline, можно использовать любой веб-сервер. Как создавать сайты на Denwer и Open Server, не имеет значения. Если подключено все правильно (пути, атрибуты), то должно работать.

Вообще, я пользуюсь редактором Brackets. В нем есть сервер на базе NodeJS - очень удобно.

@pitline · 28.04.2014, 16:50 **[ТС]**

я тоже пользуюсь Brackets, а как в нем включить этот сервер?

@monochromer · 28.04.2014, 16:52

Сообщение от pitline

как в нем включить этот сервер

Live Preview и есть сервер.

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 11.02.2026 Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL3_image 8Observer8 10.02.2026 Содержание блога Библиотека SDL3_image содержит инструменты для расширенной работы с изображениями. Пошагово создадим проект для загрузки изображения формата PNG с альфа-каналом (с прозрачным. . .	Установка Qt-версии Lazarus IDE в Debian Trixie Xfce volvo 10.02.2026 В общем, достали меня глюки IDE Лазаруса, собранной с использованием набора виджетов Gtk2 (конкретно: если набирать текст в редакторе и вызвать подсказку через Ctrl+Space, то после закрытия окошка. . .	SDL3 для Web (WebAssembly): Работа со звуком через SDL3_mixer 8Observer8 08.02.2026 Содержание блога Пошагово создадим проект для загрузки звукового файла и воспроизведения звука с помощью библиотеки SDL3_mixer. Звук будет воспроизводиться по клику мышки по холсту на Desktop и по. . .
SDL3 для Web (WebAssembly): Основы отладки веб-приложений на SDL3 по USB и Wi-Fi, запущенных в браузере мобильных устройств 8Observer8 07.02.2026 Содержание блога Браузер Chrome имеет средства для отладки мобильных веб-приложений по USB. В этой пошаговой инструкции ограничимся работой с консолью. Вывод в консоль - это часть процесса. . .	SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве 8Observer8 02.02.2026 Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .	Философия технологии iceja 01.02.2026 На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .	SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf 8Observer8 01.02.2026 Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .

Знакомство с LESS/SASS

Решение

Решение

@pitline 42 / 10 / 6 Регистрация: 21.12.2013 Сообщений: 208

	Знакомство с LESS/SASS 25.04.2014, 20:34. Показов 2421. Ответов 6 Метки нет (Все метки) Начинаю работать с лесс/сасс, такое дело подключил style.less скрипт less.js в индекс, предварительно установил руби и установил через командную строку, набрал простенький код для проверки, но привила из style.less не применяются что это может быть (если рассматривать чисто технически - может быть проблема в руби или скрипте..., если взять во внимание что код написан верно и ссылки на таблицу и скрипт указаны тоже верно)? 0

@monochromer 419 / 381 / 163 Регистрация: 03.01.2013 Сообщений: 966
	25.04.2014, 21:21
	Сообщение было отмечено pitline как решение Решение Если нужно использовать less как js-библиотеку для live-разработки, нужно сделать следующее: 1. Подключить less-стили: <link rel="stylesheet/less" type="text/css" href="styles.less" /> 2. Подключить less.js <script src="less.js" type="text/javascript"></script> 3. Самое главное - запускать все это на веб-сервере. 2

@belovw 50 / 18 / 5 Регистрация: 20.08.2013 Сообщений: 162
	25.04.2014, 22:31
	Удостоверьтесь, что вы прикрепили LESS файл перед JS. 1

@monochromer 419 / 381 / 163 Регистрация: 03.01.2013 Сообщений: 966
	25.04.2014, 23:25
	pitline, можно использовать любой веб-сервер. Как создавать сайты на Denwer и Open Server, не имеет значения. Если подключено все правильно (пути, атрибуты), то должно работать. Вообще, я пользуюсь редактором Brackets. В нем есть сервер на базе NodeJS - очень удобно. 1

@pitline 42 / 10 / 6 Регистрация: 21.12.2013 Сообщений: 208
	28.04.2014, 16:50 [ТС]
	я тоже пользуюсь Brackets, а как в нем включить этот сервер? 0