SASS SCSS компиляция в VS Code. Плагин Live Sass Compiler

Описание

Как собрать SASS/SCSS VS Code не выходя из редактора. Рассмотрим установку и подробную настройку плагина Live Sass Compiler. Сборка одного или нескольких SCSS файлов, компиляция в отдельную директорию, минификация CSS, отключаем лишние уведомления.

Код с настройками: https://webcademy.ru/blog/976/

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

? Бесплатный курс "Создай свой первый сайт на HTML5 и CSS3"
7 уроков по 30 мин: http://webcademy.ru/htmlsite/

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
? Курс "Профессия HTML верстальщик": https://webcademy.ru/htmlstart/
Старт обучения: 4 Декабря 2023 года
Обучение с наставником, 3 месяца, результат, гарантия.
Научим создавать веб-сайты и зарабатывать на этом.

? Курс "JS Frontend разработчик": https://webcademy.ru/jscourse/
Старт обучения: 27 Ноября 2023 года
Обучение с наставником, 3 месяца, результат, гарантия.

? Обучение с нуля
?♂️ Обучение с наставником
? Доведение с нуля до результата
? Помощь с трудоустройством
? Поможем взять первый заказ на фрилансе

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

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

Сайт: https://webcademy.ru/
Вконтакте: https://vk.com/webcademy
Telegram канал: https://t.me/webcademynews

ТАЙМ КОДЫ:

00:00 Введение
00:18 SCSS файл для компиляции
01:06 Плагин Live SASS Compiler
02:35 Файл .map
04:18 Импорт и _partials файлы
08:23 Уведомления. Отключаем output
12:14 Сохраняем CSS в отдельную директорию
15:36 Минифицированные файлы min.css
16:37 Настройки плагина. Исключение директорий
17:43 Завершение