SASS SCSS компиляция в VS Code. Плагин Live Sass Compiler
Как собрать SASS/SCSS VS Code не выходя из редактора. Рассмотрим установку и подробную настройку плагина Live Sass Compiler. Сборка одного или нескольких SCSS файлов, компиляция в отдельную директорию, минификация CSS, отключаем лишние уведомления.
Код с настройками:
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
💻 Бесплатный курс “Создай свой первый сайт на HTML5 и CSS3“
От установки редактора, до публикации в сети.
👉 Получить уроки, конспекты, макет и код из уроков:
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
💻 Курс по созданию и верстке сайтов:
Обучение с наставником, 3 месяца, результат, гарантия.
Научим создавать веб-сайты и зарабатывать на этом.
💻 Курс “Frontend разработчик. JavaScript React“:
Обучение с наставником, 3 месяца, результат, гарантия.
💻 Курс “Разработка сайтов на PHP MySQL“:
Создание сайтов с системой управления.
Присоединиться к курсу можно прямо сейчас.
🏁 Обучение с нуля
💁♂️ Обучение с наставником
🎯 Доведение с нуля до результата
🏢 Помощь с трудоустройством
💵 Поможем взять первый заказ на фрилансе
💳 возможна рассрочка
💳 если курс не понравится, вернём деньги в первую неделю
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
💈 Сайт школы ВебКадеми:
💈 Вступайте в группу Вконтакте:
💈 Подписывайтесь на 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 Минифицированные файлы
16:37 Настройки плагина. Исключение директорий
17:43 Завершение
#HTML #CSS #верстка #WebCademy #ВебКадеми #html5 #css3 #вёрстка #scss #sass #vscode #препроцессор
323 views
8
1
8 months ago 00:05:27 1
Let’s build a CMS with Filament 3 and Laravel 11 | #32 - Carousel block part 2
8 months ago 00:11:39 1
Let’s build a CMS with Filament 3 and Laravel 11 | #31 - Carousel block
8 months ago 00:05:11 1
Let’s build a CMS with Filament 3 and Laravel 11 | #30 - Email Builder part 2
8 months ago 00:02:59 1
Let’s build a CMS with Filament 3 and Laravel 11 | #29 - Email Builder
8 months ago 00:08:18 1
Let’s build a CMS with Filament 3 and Laravel 11 | #28 - Small improvements
8 months ago 00:07:06 1
Let’s build a CMS with Filament 3 and Laravel 11 | #27- Menu Builder part 4
8 months ago 00:07:33 1
Let’s build a CMS with Filament 3 and Laravel 11 | #26- Menu Builder part 3
8 months ago 00:03:50 1
Let’s build a CMS with Filament 3 and Laravel 11 | #245- Menu Builder part 2
8 months ago 00:05:14 1
Let’s build a Twitter clone with Livewire 3 & Laravel Reverb | #18 - Infinite Scroll part 2
8 months ago 00:05:04 1
Let’s build a Twitter clone with Livewire 3 & Laravel Reverb | #18 - Infinite Scroll part 1
8 months ago 00:14:33 1
Let’s build a Twitter clone with Livewire 3 & Laravel Reverb | #17 - Follow functionality
8 months ago 00:05:53 1
Let’s build a Twitter clone with Livewire 3 & Laravel Reverb | #16 - Profile Page part 3
8 months ago 00:02:30 1
Let’s build a CMS with Filament 3 and Laravel 11 | #24 - Menu Builder
8 months ago 00:07:45 1
Let’s build a Twitter clone with Livewire 3 & Laravel Reverb | #16 - Profile Page part 2
8 months ago 00:04:47 1
Let’s build a CMS with Filament 3 and Laravel 11 | #23 - Laravel Pulse
8 months ago 00:02:28 1
Let’s build a CMS with Filament 3 and Laravel 11 | #22 - Theme plugin
8 months ago 00:05:35 1
Let’s build a Twitter clone with Livewire 3 & Laravel Reverb | #15 - Profile page part 1
8 months ago 00:02:18 1
Let’s build a Twitter clone with Livewire 3 & Laravel Reverb | #14 - Like button part 2
8 months ago 00:07:22 1
Let’s build a Twitter clone with Livewire 3 & Laravel Reverb | #13 - Like button part 1
8 months ago 00:05:00 1
Let’s build a Twitter clone with Livewire 3 & Laravel Reverb | #12 - Add links to tweet body
8 months ago 00:09:59 1
Let’s build a CMS with Filament 3 and Laravel 11 | #21 - Load more button part 2
8 months ago 00:19:48 1
Let’s build a CMS with Filament 3 and Laravel 11 | #20 - Load more button part 1
8 months ago 00:04:58 1
Let’s build a CMS with Filament 3 and Laravel 11 | #18 - Styling fixes
8 months ago 00:06:59 1
Let’s build a CMS with Filament 3 and Laravel 11 | #18 - Article Block Customizing part 3