Как собрать SASS/SCSS VS Code не выходя из редактора. Рассмотрим установку и подробную настройку плагина Live Sass Compiler. Сборка одного или нескольких SCSS файлов, компиляция в отдельную директорию, минификация CSS, отключаем лишние уведомления. Код с настройками:
Материалы ВебКадеми на всех площадках:
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 💻 Бесплатный курс "Создай свой первый сайт на HTML5 и CSS3" От установки редактора, до публикации в сети. 👉 Получить уроки, конспекты, макет и код из уроков:
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: Мои авторские курсы: 💻 Профессия HTML верстальщик Для начинающих. Курс по созданию и верстке сайтов. 👉
💻 Курс "Frontend разработчик. JavaScript + React" Станьте frontend разработчиком за 3 месяца. 👉
💻 Курс "Разработка сайтов на PHP + MySQL" Сможете создавать сайты с любым функционалом. 👉
🏁 Обучение с нуля 💁♂️ Обучение с наставником 🎯 Доведение с нуля до результата 🏢 Помощь с трудоустройством 💵 Поможем взять первый заказ на фрилансе 💳 возможна рассрочка 💳 если курс не понравится, вернём деньги в первую неделю :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 💈 Сайт ВебКадеми:
💈 Группа Вконтакте:
https://vk.com/webcademy 💈 Telegram канал:
ТАЙМ КОДЫ: 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 Завершение
