vscode 사스(SCSS) 설정 방법
제목에 있듯이 여기서 SCSS 설정에 대한것은 VSCODE 프로그램을 사용한다는 것을 기반으로 합니다.
1) 먼저 아래 확장 프로그램을 설치 합니다.
Live Sass Compiler v3.0.0
Sass Lint (deprecated)
"liveSassCompile.settings.generateMap": false,
"liveSassCompile.settings.formats":[
{
"format": "expanded",
"extensionName": ".css",
"savePath": "~/../css/"
},
{
"format": "compressed",
"extensionName": ".min.css",
"savePath": "~/../css/"
}
],
// "liveSassCompile.settings.includeItems": [
// "scss/main.scss"
// ],
"scss.hover.references": false,
"less.hover.references": false,
"liveSassCompile.settings.excludeList": [
"**/node_modules/**",
".vscode/**"
],
"editor.guides.indentation": true,
"liveSassCompile.settings.includeItems": [
],