Как поменять путь сохранения файла style.css в visual studio code при создании sass файла?

Question

[Алексей Жданкин]

Вообще раньше пользовался Sublime Text 3 совместно с Gulp, и при создании файла с расширением sass, автоматически создавался файл style.css в папке css.
Решил перейти на Visual Studio Code и столкнулся с такой непоняткой, создаю файл с расширением sass и он создаёт мне файл style.css в папке где хранятся файлы sass.
Вообщем не могу понять где поменять путь, чтобы он создавал файл style.css в папке css, а не в этой же папке где все файлики sass.

Answer 1

[Алексей Жданкин]

Проблему решил указав в параметрах пользователя.
"liveSassCompile.settings.formats": [
{
"format": "expanded",
"extensionName": ".css",
"savePath": "~/../css/"
}
]

Comments

[Mihard_two]

Спасибо! Реально работает.

[Ramzzza]

подскажите подробнее, как открыть параметры пользователя? у меня открываются настройки, но не файл

[Ramzzza]

Ramzzza, все, разобрался)) блин, короче, если еще у кого будут вопросы, жмякайте F1 и введите json> открыть параметры json
и в скобочки добавьте
"liveSassCompile.settings.formats": [
{
"format": "expanded",
"extensionName": ".css",
"savePath": "~/../css/"
}
]
Только поставьте запятую сначала

Answer 2

[archelon]

Если вы используете gulp, значит там есть gulpfile.js, где можно все настроить.
Но если у вас расширение типа easy sass, то смотрите в настройках.

Comments

[Алексей Жданкин]

После того как перешёл на Visual studio code перестал пользоваться Gulp,
поставил расширение Live Sass Compiler, и не могу понять, как путь задать к файлу css

[archelon]

Gulp, очевидно, гибче.
но в используемом расширении также можно задавать путь сохранения.
достаточно ознакомиться с документацией:
https://github.com/ritwickdey/vscode-live-sass-com...

Answer 3

[mymania]

Скачать в "VS Code" расширение "Live Sass Compiler", после установки включить на нижней панели "Watch SACC", удалить все файлы style.scc в папках.

Ctrl+Shift+P (Вызов поисковой строки - settings Json) и написать в самом конце:

"liveSassCompile.settings.generateMap": false,
"liveSassCompile.settings.formats": [
{
"format": "expanded",
"autoprefix": "last 5 versions",
"extensionName": ".css",
"savePath": "css"
}
],
}
Или же посмотреть видео Жени Андриканича канал на ютубе "Фрилансер по жизни" видео называется "VS Code настойка установка плагины" минуты 36:10 - 41:36. Все очень доступно и понятно!)