Install sass mac os

Установка Sass

Приложения

Есть множество приложений под Windows, Mac и Linux, которые помогут в освоении и работе с Sass. Большинство из них бесплатные, но некоторые из них все-таки платные (но это того стоит).

• CodeKit (Платно) Mac
• Compass.app (Условно-бесплатно) Mac Windows Linux
• Ghostlab (Платно) Mac Windows
• Hammer (Платно) Mac
• Koala (Бесплатно) Mac Windows Linux
• LiveReload (Условно-бесплатно) Mac Windows
• Prepros (Платно) Mac Windows Linux
• Scout-App (Бесплатно) Windows Linux Mac

Командная строка

Когда вы используете Sass через командную строку, то для того, чтобы запустить компиляцию .sass и .scss в .css файлы введите команду sass . Например:

Используя любой способ установки Sass, запустите команду sass —version чтобы быть уверенным, что установка прошла успешно. Если эту команду выполнить, то в ответ вы получите версию Sass 1.5.1 . Также вы можете запустить команду sass —help для получения информации по использованию Sass в командной строке.

Как только все настроено, начинайте наслаждаться. Если вы впервые столкнулись с Sass, то специально для вас мы создали несколько ресурсов для обучения.

Установка в любом месте (Standalone) Вы можете установить Sass в Windows, Mac, или Linux путем скачивания дистрибутива для вашей операционной системы from GitHub и выполните действия с PATH . Вот и все: никаких зависимостей нет и ничего не нужно устанавливать дополнительно. Установка в любом месте (npm)

Если вы используете Node.js, то вы можете установить Sass c помощью npm:

Однако, учтите, что это установит реализацию Sass на нативном JavaScript, которая работает несколько медленнее, чем другие реализации, перечисленные здесь. Но он имеет тот же интерфейс, поэтому будет легче поменять на другую реализацию позже, если вам потребуется немного больше скорости! Установка в Windows (Chocolatey)

Если вы используете менеджер пакетов Chocolatey для Windows, вы можете установить Dart Sass при помощи команды:

Установка в Mac OS X (Homebrew)

Если вы используете менеджер пакетов Homebrew для Mac OS X, вы можете установить Dart Sass при помощи команды:

Источник

Install Sass

Applications

There are a good many applications that will get you up and running with Sass in a few minutes for Mac, Windows, and Linux. You can download most of the applications for free but a few of them are paid apps (and totally worth it).

• CodeKit (Paid) Mac
• Ghostlab (Paid) Mac Windows
• Hammer (Paid) Mac
• LiveReload (Paid, Open Source) Mac Windows
• Prepros (Paid) Mac Windows Linux
• Scout-App (Free, Open Source) Windows Linux Mac

Command Line

When you install Sass on the command line, you’ll be able to run the sass executable to compile .sass and .scss files to .css files. For example:

First install Sass using one of the options below, then run sass —version to be sure it installed correctly. If it did, this will include 1.43.1 . You can also run sass —help for more information about the command-line interface.

Once it’s all set up, go and play. If you’re brand new to Sass we’ve set up some resources to help you learn pretty darn quick.

Install Anywhere (Standalone) You can install Sass on Windows, Mac, or Linux by downloading the package for your operating system from GitHub and adding it to your PATH . That’s all—there are no external dependencies and nothing else you need to install. Install Anywhere (npm)

If you use Node.js, you can also install Sass using npm by running

However, please note that this will install the pure JavaScript implementation of Sass, which runs somewhat slower than the other options listed here. But it has the same interface, so it’ll be easy to swap in another implementation later if you need a bit more speed! Install on Windows (Chocolatey)

If you use the Chocolatey package manager for Windows, you can install Dart Sass by running

Install on Mac OS X or Linux (Homebrew)

If you use the Homebrew package manager for Mac OS X or Linux, you can install Dart Sass by running

Sass © 2006–2021 the Sass team, and numerous contributors. It is available for use and modification under the MIT License.

Источник

Установка Sass

Приложения

Существует множество приложений, которые позволят вам за несколько минут начать работу с Sass для Mac, Windows и Linux. Вы можете скачать большинство приложений бесплатно, но некоторые из них являются платными (и они того стоят).

• CodeKit (Платно) Mac
• Ghostlab (Платно) Mac Windows
• Hammer (Платно) Mac
• LiveReload (Платно, Open Source) Mac Windows
• Prepros (Платно) Mac Windows Linux
• Scout-App (Бесплатно, С открытым исходным кодом) Windows Linux Mac

Командная строка

Когда вы устанавливаете Sass в командной строке, вы сможете запустить исполняемый файл sass для компиляции файлов .sass и .scss в файлы .css . Например:

Сначала установите Sass, используя один из вариантов ниже, затем запустите sass —version , чтобы убедиться, что он установлен правильно. Если это так, это будет включать 1.38.2 . Вы также можете запустить sass —help для получения дополнительной информации об интерфейсе командной строки.

Как только все будет готово, иди и играй. Если вы новичок в Sass, мы подготовили несколько ресурсов, которые помогут вам быстро освоиться.

Установка в любом месте (автономная) Вы можете установить Sass на Windows, Mac или Linux, загрузив пакет для своей операционной системы с GitHub и добавив его в свой PATH . Вот и все — никаких внешних зависимостей и ничего больше устанавливать не нужно. Установка в любом месте (npm)

Если вы используете Node.js, вы также можете установить Sass с помощью npm, запустив npm

Однако обратите внимание, что при этом будет установлена чистая реализация Sass на JavaScript, которая работает несколько медленнее, чем другие варианты, перечисленные здесь. Но у него тот же интерфейс, поэтому позже, если вам понадобится немного больше скорости, будет легко заменить его на другую реализацию! Установка на Windows (Chocolatey)

Если вы используете менеджер пакетов Chocolatey для Windows, вы можете установить Dart Sass, запустив

Установка на Mac OS X или Linux (Homebrew)

Если вы используете менеджер пакетов Homebrew для Mac OS X или Linux, вы можете установить Dart Sass, запустив

Источник

Как установить Sass (SCSS) на Mac и скомпилировать в CSS

Прежде всего уточним что такое Sass. Абревиатура SASS расшифровывается как Syntactically Awesome Style Sheets дословно переводится как синтетически потрясающие таблицы стилей. Установка sass или scss довольно проста – давайте разберем ее по шагам.

Как установить Sass (SCSS) на Mac

Для того чтобы установить Sass (он же будет обрабатывать и все scss файлы) на Mac, сначала установим джем для sass. Вводим в терминал команду:

Затем вводим sudo пароль и смотрим как ставится джем.

Как установить Sass (SCSS) в Sublime Text

Для того, чтобы синтаксис Sass и scss правильно распознавался у вас в Sublime Text, нужно установить пакет Sass:

Заходим в Sublime Text и идем в Tools – Command Palette

В появившуюся строку вводим Package Control и в выпадающем меню выбираем Package Control: Install Package

В появившейся строке вводим Sass и выбираем его

Немного ждем пока установится пакет и вуаля – теперь в правом нижнем углу, помимо всех остальных форматов, мы можем выбирать Sass. Но это еще не все.

Чтобы и в дальнейшем у вас все scss файлы сразу открывались с форматированием и синтаксисом sass – открываем новый scss файл, идем в View – Syntax – Open all with current extension as … – Sass.

Как перекомпилириовать Sass (SCSS) в CSS. Преобразование SCSS в CSS

Как препроцессить Sass (scss) в CSS в терминале:

Для того, чтобы препроцесить (скомпилировать) наш .scss файл в обычный .css запустим в терминале команду:

Чтобы не повторять ее постоянно, а включить автоматический препрцессинг (преобразование) как только что-то меняется в .scss файле применим следующую команду:

Читайте также:

12 Коммент.

Здравствуйте!
Помогите, пожалуйста, сделал все по Вашей инструкции: Терминал “говорит”, что следит за файлами в директории, но при сохранении документа scss, изменений в css не происходит. Как быть?

Нормально ли все компилируется если вы запускаете преобразование из sass в css вручную при помощи sass input.scss:output.css ?

Ради интереса сохранил в “пользовательскую” папку, вбил команду sass input.scss:output.css в Терминал, изменения он сохранил, а вот при попытке заставить Терминал постоянно отслеживать файлы – ничего не получается – приходится постоянно прибегать к команде sass –watch /путь до папки с файлами scss/:/путь до папки с css/. В фоновом режиме в css ничего не сохраняется. У вас же тоже Mac, правильно?

Да, а что пишется в терминале после того, как вы вводите

? Установлен ли у вас Ruby и джем Sass? Если у вас все правильно настроено, то в терминале должно выводиться: >>> Sass is watching for changes. Press Ctrl-C to stop.

Ruby установлен на Mac по-умолчанию. Джем устанавливал. Да, все верно. Именно так в Терминале и выводится. Вечером скину скрин.
Такой вопрос: допустим, я закончил работать с scss, проект готов, далее как быть? Выгружать скомпилированный css на хостинг, либо scss, который сервер, либо браузер перекомпилирует в css? Вот этот момент мне непонятен. Разъясните, пожалуйста. Покупка Compass.app обеспечит оптимальную работу с scss без Терминала. Вот хочу купить.

Зависит от того, на чем у вас проект написан – если на Ruby, то можете загружать scss файлы – они будут автоматически компилироваться в css. Если нет, то нужно загружать уже скомпилированные css файлы на хостинг.

Проверьте какая у вас версия Ruby и Sass – и если нужно, то обновите. По умолчанию в Mac идет Ruby 1.9.* – стоит обновить как минимум до 2.1.1.

Ок, сегодня проверю и отпишусь. Использую только scss, а более на Ruby ничего нет. Хостинг для этих целей должен чем-то отличаться от обычного средней ценовой категории?

Если сайт написан на Ruby, то для него нужен специальный хостинг (там должно быть указано, что он поддерживает Ruby).

Проверил следующие данные в Терминале:
1. Версия SCSS – 3.4.10;
2. Вот такую команду приходится все время выполнять, чтобы сохранить изменившийся SCSS в CSS;
3. Пытался установить RVM – выдает следующую ошибку;
4. Версия Ruby – 2.0.0p481;
Пока ничего сделать не могу, так как не устанавливается RVM.
Вот скрины: yadi.sk/d/lfiS4mrReQyjZ.

Попробуйте обновить Ruby до 2.1.1. Также установите Sass без sudo – gem install sass . Также обратите внимание, что вам нужно четко указывать имена и расширения scss и css файлов:

Так я прописал путь до папки sass, там лежат сам файл, миксины, ресет и т. д., и путь до файла css. Разве неправильно?

Нет – нужно в терминале перейти в папку с обоими файлами, а затем запустить команду отслеживания, указав в ней точное название scss файла:css файла

Источник