Установка Sass | W3ref

Установка Sass

June 21, 2022
  • Sass
  • Установка
Около 2 мин

Приложения

Mouse

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

Библиотеки

Команда Sass поддерживает два пакета Node.js для Sass, оба из которых поддерживают стандартный JavaScript API. Пакет sassopen in new window представляет собой чистый JavaScript, который немного медленнее, но может быть установлен на всех платформах, поддерживаемых Node.js. Пакет sass-embeddedopen in new window оборачивает JS API вокруг виртуальной машины Dart, поэтому он работает быстрее, но поддерживает только Windows, Mac OS и Linux.

Существуют также поддерживаемые сообществом оболочки для следующих языков:

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

Keyboard

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

sass source/stylesheets/index.scss build/stylesheets/index.css

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

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

Узнать больше о Sass

Установка в любом месте (автономная)

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

Установка в любом месте (npm)

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

npm install -g sass

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

Установка на Windows (Chocolatey)

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

choco install sass

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

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

brew install sass/sass/sass