Live sass compiler를 vs code에서 사용하기

post-thumbnail
  1. vs code extentions 에서 “Live sass compiler” 설치한다.

  1. 설정 아이콘 누르기 > 확장 설정 누르기

  1. Autoprefix > settings.json에서 편집 클릭

  1. 아래와 같이 입력해 준다.

    "liveSassCompile.settings.autoprefix":[
    	"> 1%",
    	"last 2 versions"
    ]
  2. map파일 원하지 않는다면 아래로 들어간다. “Generate Map”

  1. false로 지정해 준다.

    "liveSassCompile.settings.generateMap":false,
  2. format으로 들어가서 저장 경로를 반드시 지정해 준다.

"savePath": "~/../css/"
  1. 안된다면 vs code 하단에 있는 “watch sass” 한번 클릭하고 저장해 보세요.
    sucess 뜬다면 성공!

profile
일단 해. 그리고 잘 되면 잘 된 거, 잘 못되면 그냥 해본 거!

0개의 댓글