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

• Приветствие и представление Юрия Ключевского из школы веб-академии.  

• Создание проекта в Visual Studio Code с одним файлом HTML.  

• Создание папки scss для файлов стилей и создание файла Main.scss.  

• Установка плагина Live Sass Compiler для преобразования Sass в CSS.  

• Использование кнопки Watch Sass для отслеживания компиляции.  

• Компиляция файла Main.scss и создание файла Main.cssmap.  

• Подключение скомпилированного CSS в HTML-файл.  

• Использование файла Main.cssmap для отслеживания исходных строк CSS.  

• Создание отдельных файлов для хедер и футер.  

• Проблемы с компиляцией отдельных файлов в Main.css.  

• Решение проблемы с помощью символа подчеркивания в начале имени файла.  

• Опускание расширения .scss при импорте файлов.  

• Компиляция файлов с опущенным расширением.  

• Отключение вывода в панели Live Sass Compiler.  

• Рекомендации по перезагрузке Visual Studio Code для корректной работы.  

• Заключение и завершение видео.  

• Перезапуск редактора для активации плагина.  

• Настройка компилятора в настройках VS Code.  

• Пример использования и демонстрация ошибок компиляции.  

• Ошибки компиляции отображаются в терминале.  

• Пример с ошибкой в фигурных скобках.  

• Возможность исправления ошибок через терминал.  

• Текущая настройка сохранения файлов в той же папке.  

• Рекомендация по созданию отдельной папки для скомпилированных файлов.  

• Пошаговая инструкция по изменению настроек.  

• Переход в настройки VS Code.  

• Добавление настроек для компилятора lifecampire.  

• Настройка формата кода для CSS.  

• Создание минифицированных версий CSS.  

• Добавление настроек для минифицированных версий.  

• Настройка исключений для компиляции файлов.  

• Рекомендация использовать плагин lifecampire.  

• Ссылка на настройки и статью на блоге.  

• Призыв к подписке и лайкам.