반응형

nm817.tistory.com/37?category=816930

 

[vscode] vscode에서 scss 사용하기

sass를 컴파일하여 css로 사용하는 방법엔 여러가지가 있다. 이 글에서는 vscode에서 간편하게 scss를 컴파일 하는 방법을 다루겠다. [필요 extension] - sass - sass Lint - live sass compiler - live server..

nm817.tistory.com

위 글을 보면 추가글로 정리해두었지만, 써놓고 내가 못찾아서 다시 정리합니다..........

 

{
    "liveSassCompile.settings.formats":[
        {
            "format": "expanded",
            "extensionName": ".css",
            "savePath": "~/../css"
        }
    ],
    "liveSassCompile.settings.excludeList": [
         
        "**/node_modules/**",
        ".vscode/**" 
    ],
    "liveSassCompile.settings.generateMap": 
      false,
    "liveSassCompile.settings.autoprefix": [
        "> 1%",
        "last 2 versions"
    ],
    "editor.fontSize": 14,
    "editor.renderWhitespace": "all",
    "editor.wordWrap": "on",
    "emmet.triggerExpansionOnTab": true,
    "editor.tabCompletion": "on"
}

상세내용 및 세팅방식은 상위 글 참조

반응형

'SCSS(sass)' 카테고리의 다른 글

[SCSS] SCSS(sass)란?  (0) 2019.11.25

+ Recent posts