HTML,CSS

[vscode] Live Sass Compiler에서 프로젝트별로 설정하기

킹king 2024. 4. 4. 12:13
반응형

보통 설정에서 공통으로 잡을텐데 프로젝트별로 구조가 달라서 별도로 설정해줘야할때는 이렇게 하면 된다.

 

 

1. 루트 폴더에 .vscode 폴더 생성

프로젝트 열었을 때 제일 상위에 만들어주라는 의미. 앞에 온점 빼먹지 말고 넣어줘야함.

나같은 경우 이렇게 만들어주었음.

 

2. 그 안에 settings.json 파일 생성

{
  "liveSassCompile.settings.generateMap": false,
  "liveSassCompile.settings.formats": [
    {
      "format": "expanded",
      "extensionName": ".css",
      "savePath": "~/../"
    }
  ],
}

그리고 원하는 설정을 넣어주면 된다.

모든 게시물(특히 과거 게시물)은 잘못된 방법으로 처리한것을 좋다고 써놨을 수 있습니다. 참고만 하시고 틀린게 있다면 댓글 남겨주세요~