Преобразует scss в css

Ответ 1

Если вы нажмете на заголовок CSS (SCSS) в CodePen (не меняйте предварительный процессор с шестерней), он переключится на скомпилированный вид CSS.

Ответ 2

В терминале выполните эту команду в папке, где находятся таблицы:

sass --watch style.scss:style.css 

Источник:

http://sass-lang.com/

Когда он замечает изменение в файле .scss, он обновит ваш .css

Это работает только тогда, когда ваш .scss находится на вашей локальной машине. Попробуйте скопировать код в файл и запустить его локально.

Ответ 3

Это онлайн/офлайн решение, которое очень легко конвертировать. SCSS в CSS конвертер

Ответ 4

Прежде всего, вам нужно установить Ruby, если он не находится на вашем компьютере.

1. Откройте окно терминала. 2. Запустите команду, в которой рубин.

Если вы видите путь, например /usr/bin/ruby, установлен Ruby. Если вы не видите ответа или не получите сообщение об ошибке, Ruby не установлен. Чтобы убедиться, что у вас есть текущая версия Ruby, выполните команду ruby -v.

Если рубин не установлен на вашем компьютере, тогда

sudo apt-get install ruby2.0
sudo apt-get install ruby2.0-dev
sudo update-alternatives --install /usr/bin/gem gem /usr/bin/gem2.0 1 

После этого установите камень Sass, выполнив эту команду

sudo gem install sass --no-user-install

Затем скопируйте или добавьте любой файл .sass и перейдите к этому пути к файлу, а затем

sass --watch style.scss:style.css 

Когда он замечает изменение в файле .scss, он обновит ваш .css

Это работает только тогда, когда ваш .scss находится на вашей локальной машине. Попробуйте скопировать код в файл и запустить его локально.

Ответ 5

Вы можете использовать sass /sassFile.scss /cssFile.css

Внимание: перед использованием команды sass вы должны установить ruby, а затем установить sass.

Для установки sass после установки типа ruby ​​ gem install sass в вашем терминале

Подсказка: sass compile SCSS files

Ответ 6

Установите Ruby-sass используя следующую команду
sudo apt-get -y обновление
sudo apt-get -y установить ruby-full
sudo apt установить ruby-sass
gem install bundler

пример
sass SCSS_FILE_PATH: CSS_FILE_PATH;

например, sass mda/at-md-black.scss: css/at-md-black.css;

Ответ 7

Доступен еще один вариант использования: http://koala-app.com/

Это потрясающе.

Ответ 8

Лучший компилятор для SCSS в CSS, который я нашел недавно https://www.cssportal.com/scss-to-css/