Jump to content
  • 0

Как пользоваться LESS?


Ivan-P
 Share

Question

Начитавшись статей про препроцессоры решил попробовать тот, по которому больше всего нашел рускоязычной документации - less.

Но я так и не понял магических фраз типа:

 

Итак, установив Node.js и NPM, запустите следующую команду, чтобы установить LESS:

npm install -g less

 

 

Я так понимаю для использования препрецессора необходимо установить виртуальный сервер типа Денвера? А если без него просто писать код в Notepade++ или Sublime Text? Как тогда пользоваться? :ph34r:

Link to comment
Share on other sites

3 answers to this question

Recommended Posts

  • 0

самый простой способ это скачать и подключить less.js, но это только для изучения

 

лично я пользуюсь программой prepros, консоль не очень люблю, а там все понятно (только английский интерфейс)

Link to comment
Share on other sites

  • 0
Начитавшись статей
1 статью начитавшись?

 

Написано же, установив Node и npm.

Что такое Node http://frontender.info/absolute-beginners-guide-to-nodejs/

npm http://habrahabr.ru/post/133363/

Из всех этих 2 статей вам нужны будут только первые абзацы.

 

Потом уже ставите less.

 

А дальше у вас появятся еще 100500 вопросов.

 

Но самое главное, что в интернетах точно столько же ответов на них.  

Link to comment
Share on other sites

  • 0

Ставишь плагин для саблайма - less2css - в нем есть редми (суть редми в том, что качаешь less.js Для винды, и путь этой папки прописываешь в path виндовс (переменные среды виндовс)).

Далее пишешь код в style.less и при сохранении будет создаваться файл style.css, который и будет подключен к твоей странице и отображать все стили.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

  • Similar Content

    • By Spllit
      Подскажите как настроить настроить плагин в VS Code "Easy Less" таким образом, чтобы этот плагин компилировал css файл в другую папку (не в ту где лежить .less)
      Я пробовал в настройки Package.json записывать компанду, которая указана в докумментации на гите 
      { "less.compile": { "main": ["${workspaceRoot}\\css\\main.less"] } } но эта команда просто добавляет дополнительные папки в корень той, где лежит .less. 
      Добавил скрин с тем куда нужно положить скомилированный файл. Если кому не трудно напишите команду, чтобы плагин сразу туда отправлял скомипилированный файл.

    • By AlinaS
      Компания «ВАЙЛДБЕРРИЗ» – это один из крупнейших интернет-магазинов в России, Белоруссии, Казахстане и Киргизии.
      На нашем сайте представлены более 8000 брендов мужской, женской, детской одежды и обуви, бьюти, спортивных и товаров для дома. И мы не собираемся останавливаться на достигнутом.
      Приглашаем в свою команду HTML-верстальщика (в офис)
      Вам предстоит:
      Адаптивная и кроссбраузерная верстка.
      Мы ожидаем:
      Релевантный опыт работы от двух лет
      Опыт работы и хорошее знание CSS(2-3), HTML(4-5)
      Отличное знание хотя бы одного из препроцессоров верстки Stylus/Less/Saas (мы используем Less)
      Умение качественно и валидно верстать
      Умение разбираться в чужом коде
      Умение работать в команде, умение слушать и искать компромиссы
      Внимательность к мелочам.
      Желательно:
      Опыт верстки под мобильные устройства
      Опыт работы с системой контроля версий (git)
      Опыт работы с планировщиком задач
      Опыт работы с Visual Studio.
      Мы предлагаем:
      Официальное оформление в соответствии с ТК РФ
      Официальная высокая заработная плата (обсуждается с финальным кандидатом)
      График работы: пятидневная рабочая неделя
      Корпоративные скидки на продукцию компании
      Бесплатные обеды, ароматный кофе и чай в неограниченном количестве
      Спортивный зал на территории офиса
      Широкие возможности для профессионального роста и реализации, гибкая позиция в отношении новых идей и начинаний
      Место работы: 15 минут от м. Домодедовская или м. Марьино на бесплатном корпоративном транспорте
      Весной 2018 года ожидается переезд в новый офис в шаговой доступности от м.Автозаводская.
       
       
      Прошу резюме высылать на почту skoryh.alina@wildberries.ru
    • By AlexChurilov
      Ищу работу. Верстаю страницы любой сложности из psd макетов.
      Владею адаптивной вёрсткой, а также css3/javascript/jquery анимацией.
      Сделаю Ваш заказ быстро, дёшево, адаптивно, кроссбраузерно.
      Email: churilov2312@gmail.com
      Facebook: https://www.facebook.com/profile.php?id=100019043504185&ref=bookmarks
      Так же можете просто писать мне в личку
       
       
    • By torsar
      Препроцессоры SASS и LESS. Автоматизация Front-end разработки
      (курс от команды webformyself)
      Ищу, где скачать бесплатно, желательно с торрентов
      Весь инет гуглом и яндексом перерыл, не нашел.
      Дайте ссыль, очень нуно
    • By freedots
      Добрый день. Вас приветствует команда студии разработки и продвижения freedots.ru Если вы Front-end разработчик и делаете круто, то высылайте свое портфолио на hr@freedots.ru и вместе мы поработаем над интересными проектами
      Основные требования:
      Опыт работы в отрасли не менее 2 лет. Знание языков разметки: HTML, CSS. Знание JS Знание препроцессоров LESS/SASS Знание фреймворков: Bootstrap/Foundation Знание библиотек: jquery.js,  желательно знание js фреймворков: angular.js/vue.js Знание сборщиков проектов, таких как: webpack Расположение: Россия > Москва Занятость/ЗП:
      Занятость:фикс
      ЗП:40 000 - 60 000 руб.
      График: обсуждаемо
       
      С уважением, команда Freedots.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy