Live saas compiler не работает

Пробовал для исправления

1. Закомментировать строчку «autoprefix» и добавить в строчку «savePath» знак «/» вначале, в конце, с двух сторон. (ошибки пропадают, компилирование не запускается)
2. Переустановить плагины
3. Переустановить vscode

Ничего из перечисленного не помогло. Из мануала подошло решение savePath»: «

А все другие способы, указанные там — не работают.

ошибка появилась на: Windows 7, VSCode 1.46.1, Live Sass Compiler v3.0.0 Кириллических букв в пути к файлам нет.

Источник

VS Code и плагин Live Sass Compiler. Как изменить директорию компиляции и не компилировать другие Sass-файлы?

Здравствуйте, попытаюсь описать проблему максимально подробно. Извиняюсь, если вдруг где-то затупил, но я действительно не могу разобраться как тут это сделать)))

Проблема первая
Раньше работал в gulp + sublimeText
Так вот, там в gulp-файле можно было настроить, чтобы компилятор SCSS компилировал в файл CSS только главный файл main.scss, а такие файлы как header.scss он не трогал.

То есть например, у нас есть главный файл main.scss и вспомогательный файл header.scss. Так вот, внутри main.scss прописывается импорт header.scss и таким образом все стили из header.scss благополучно перекачуют в main.scss.
Далее этот главный файл main.scss компилируется в просто main.css. То есть вспомогательный файл header.scss НЕ компилируется.

Сейчас я перешел в visual studio code и нашел довольно популярный плагин Live Sass Compiler.
так вот, он компилирует абсолютно все файлы, то есть если взять пример описанный выше, то он скомпилирует как главный файл main.scss, так и вспомогательный header.scss

Проблема вторая
компиляция в данном плагине происходит в одну директорию, а мне бы хотелось, опять же из опыта работы с gulp, чтобы главный файл был скомпилирован в другую папку.
То есть например я создал одну папку где лежат «черновые» файлы с расширением .scss и другую папку для «чистового» файла .css. И нужно что бы главный файл с расширением .scss был скомпилирован в файл .css из «черновой» папки соответственно в «чистовую» для .css.

Источник

Live Sass Compiller, расширение в VS Code

вопрос такой. Решил перейти с Sublime на VS Code, нашёл полезное расширение, которое компилирует код sass в css, но файл .css сохраняется в той же папке, где и сам .sass файл. Не могу найти настройки, чтобы изменить папку сохранения скомпилированного файла.

4 ответа 4

Устанавливаем в VS Code расширение Live Sass Compiller

Открываем параметры в VS Code по умолчанию, на Русском языке, сочетание клавиш: ctrl+б

Вводим в строку параметры поиска текст: liveSassCompile.settings.formats VS Code находит этот параметр и отображает возможные действия с ним ниже строки поиска.

В открывшемся окне видим слева интересуемый нас параметр и его настройки по умолчанию:

В окне справа ваш файл настроек settings.json в который вы и добавьте этот параметр (можно просто скопировать то, что я указал выше.

Далее вам необходимо настроить путь к файлу SASS откуда будет браться ваш код и пусть к файлу CSS куда будет компилироваться код из вашего файла SASS.

К примеру, если у вас в директории APP расположена директория: SASS в котором находится редактируемый вами файл *.sass и в этой же папке APP также расположена директория CSS в которой вы хотите, чтобы компилировался уже готовый файл *.css , то настройка будет выглядеть примерно так:

Вообще настраивать пути можно более широко.

Вот тут более подробно всё указано, но на английском языке.

Источник

live sass compiler не распознает директиву

Добрый. Дело в том, что live sass compiler, плагин для vs code, не распознает директиву @use, как в прочем и @forward, только @import.

компилируется в style.css

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

что за чертовщина с этим плагином и почему он ничего не видит кроме @import ? Версия sass последняя плагин переустанавливал скобочки ковычки подчеркивания все пробовал убирать и менять — одно и тоже

я так то и могу через командную строку работать дальше, но мне интересно почему так происходит?

Неполадки с GULP. Error: watching app/sass/*.sass: watch task has to be a function
Подскажите, в чём дело? Запускаю данный код, выдает такую ошибку: PS D:\Web.

Codeblocks. Can’t find compiler executable in your configured search path’s for GNU GCC COMPILER
«Can’t find compiler executable in your configured search path’s for GNU GCC COMPILER» вот такое.

JQuery, Ajax и LIVE!? Возможно ли повесить ajax запрос на live?
все делаю правильно, но у меня даже onSubmit alert(«ok!»); выводить не хочет? код примерно.

Решение

Функцию переделать в директиву
Есть функция которая срабатывает по клику — $scope.changePage = function(page)< page =.

Изменить директиву на сайте
Здравствуйте всем. Как можно изменить директорию файла? Нет, это не по обычному. У меня есть.

Компилятор игнорирует директиву $F
Здравствуйте! Компилятор игнорирует директиву $F. Проверял код в PascalABС, там все работает. .

Программа не видит директиву using
создал две формы, хочу по нажатию кнопки в первой форме вызвать вторую директива using прописана в.

Не могу добавить директиву
Для того, чтобы работал BitMapImage, мне нужно добавить директиву using.

Как использовать директиву forward?
Если не трудно, оставьте пример проги, в которой используется директива forward. Содержание не.

Источник

vs code плагин live sass compiiler

15 Apr 2020 в 17:25

15 Apr 2020 в 17:25 #1

Ребята у меня дико пригорает, я уже 4 час сижу и не могу понять в чем проблема.

при компеляции scss в css оно не чего не сохраняет..там просто пусто..еще когда активирую этот плагин то оно не в папку css ( в которую я настроил что бы оно туда шло ) создается, а создается в папку scss..дико горит, может кто то сталкивался с этим?

@import ‘vars’;
@import ‘fonts’;

html <
box-sizing: border-box;
>
*,*::after,*::before <
box-sizing: inherit;
>

body <
min-width: 320px;
overflow-x: hidden;
>

.container <
padding: 0 20px;
>
.header <
background-color: $accent;
&__inner <
min-height: 80px;
display: flex;
justify-content: space-between;
align-items: center;
>
>

.logo__link <
margin-left: 8px;
>

.menu__btn <
width: 40px;
height: 40px;
border-radius: 3px;
background-color: #fff;
border: none;
position: relative;
&::after <
content: «»;
width: 12px;
height: 2px;
border-radius: 1px;
background-color: $accent
position absolute;
top: 15px;
left: 14px;
box-shadow: 0 4px 0 0 $accent, 0 8px 0 0 $accent;
>
>

не чего не происходит..

а когда я сохраняю вот это :

то оно сохраняет все и выдает мне в style.css инфу.

смотрю видео как чувак верстает, делаю полностью все идентично, даже папки называю одинаково. в итоге у него готовая шапка, а я сижу обосраный потому что у меня белая страница

Источник