inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

CSS에 날개를 달아주는 Sass (SCSS)

[지난 내용] Visual Studio Code 설정 자세한 설명 (with Live Sass Compiler)

Live Sass Complier 설치를 했는데..

해결된 질문

1490

이은혜

작성한 질문수 80

0

github에 연동된 폴더에

00_SASS 폴더를 만들고 그 안에 

00_SASS/scss/test.scss 파일과

00_SASS/index.html 만들었습니다.

선생님과 동일하게 바탕화면에 파일을 만들었는데도

계속 watching .. 으로만  표기 됩니다..

그리고, 확장프로그램 Live Sass Complier  을 설치하고

폴더 경로까지 다  해줬는데..

계속 아래와 같은 상태입니다.....

css 파일 생성이 되질 않습니다 ㅠㅠ 어떻게 해줘야 하나요?

Compiling Sass/Scss Files: 
--------------------
Watching...
--------------------

HTML/CSS sass

답변 5

0

이은혜

폴더열기로 해서 a폴더를 지정해서 해보니 잘 되네요. 감사합니다!

폴더추가 에선 왜 안 되었던 건지 그 이유를 알 수 있을까요?

폴더추가에서도 작업을 진행을 할 수 있는 방법은 없을까요 ??

0

DEvSIGNER

아 작업영역이 따로 있고 그 아래 a폴더가 있네요

vscode에서 "작업영역 닫기"를 하시구요

"작업영역에 폴더추가"가 아닙니다!!!

"폴더열기"를 해서 a폴더를 지정해보세요

작업영역은 여러 폴더 프로젝트들을 아우르는 범위의 더 큰 범위의 프로젝트라서 그런 거 같네요

0

이은혜

vs코드 초기화, 삭제 후 재설치해도 같은 현상으로 뜹니다..

컴파일러해주는 것이 이 확장 프로그램 말고 다른 건 없나요 ??

0

이은혜

알려주신 방법으로 적용했는데도 안되네요ㅠㅠ

0

DEvSIGNER

네 안녕하세요 반갑습니다.

안된다고 하시는 내용에 대해서는 ... 글쎄요 ㅠ.ㅠ

받아 본 질문 중에 처음 보는 현상이네요 ㅎ

일단... 제가 쓰는 순서대로 한번 다시 해보세요

1. 바탕화면에 A라는 폴더를 만든다.

2. vscode에서 폴더열기를 해서 위에 만든 폴더 A를 연다.

3. 폴더를 열고 다른 폴더나 파일은 만들지 말고 그냥 test.scss파일만 만든다

4. test.scss에 css코드 아무거나 작성해본다.

5. vscode에 watch sass를 킨다.

6. css파일이 생성되는 지 확인한다.

 css변환은 watch sass를 처음 누를 때나, scss파일을 저장할 때 마다 작동합니다.

이렇게 한번 해보시고 또 안되시면 좀 말씀해주시면 감사드리겠습니다!

미디어 쿼리 호출 순서(화면사이즈)

0

417

1

h2에 background

0

471

1

명령 프롬포트

0

765

1

SASS Lint 문법 오류 출력

0

350

0

서브페이지의 경우 임포트 위치는 main과 footer에 해주면 될까요?

0

291

1

Wrap up - Boxes Project - 1,2

0

247

1

watch sass 를 클릭해도

0

519

1

sass 파일명과 다른 css 파일명을 만들고 싶을 땐 어떻게 해야 하나요?( live sass compiler )

0

471

1

index.css @import를 랜덤으로 합니다.

0

475

1

scss -> css 파일 변환 오류

0

1241

1

vs code 설정에서 html에서요~

0

339

2

Live Sass Compiler more에서 작업 영역 설정 붙여넣기

0

317

2

clearfix 관련

0

203

1

& 관련 질문이 있습니다.

0

206

0

인자에 달러$ 표시는 권장 컨벤션인가요?

0

443

2

Scss의 경고창

0

314

1

VsCode사용법중 질문

0

303

2

.map파일

0

355

1

안녕하세요 vs코드 설정중에 느낌표 표시가 뜨는데요~

0

571

1

안녕하세요 현재 수강중인 학생입니다.

0

183

1

설정 관련해서 질문 드립니다.

0

309

2

구글드라이브 엑세스 요청 해야 하네요

0

345

2

이미지가 없네요

0

236

3

목소리

0

155

1