Adding the SASS preprocessor to WebStorm

SCSS 파일 감시자를 설치하는 방법을 보여 드리겠습니다 우리는 SCSS 버전을 사용할 것이기 때문에 Sass, 컴퓨터에

나는 그것을 실행하고있어, 그래서 난 그냥 계단을 걷고 싶다 먼저 Ruby를 설치해야합니다 그리고 WebStorm Help로 생성 할 때, Ruby를 설치하라는 메시지가 표시됩니다 당신은 그 링크를 따라갈 것입니다 설치하겠습니다

그걸로 네가 네 안을 줄거야 – 네가 모든 앱을 보게된다면, 그것은 당신에게 루비를 줄 것입니다 또는 Ruby 폴더를 살펴 본다면, 이전 버전 인 경우 루비로 시작 명령 프롬프트를 얻으십시오 Ruby를 실행하는 방법입니다 그래서 너는 여기에 들어가서 너는 타이핑하고 – 나를 용서해 – 보석 성가시다 그리고 그것은 SCSS가 아니라 "sass"를 원합니다

현재 버전에서 실제로 오류가 발생합니다 그리고 이것은 그것을 취할 것이고 그것은 달릴 것입니다, 괜찮아 질거야 나는 거기에 4 분의 1 휴식을 할거야 설치가 완료되면 다시 백업 해 드리겠습니다 좋아요, 아직 설치 중입니다

웹 스토어에서 다시 보여 드리겠습니다 설정, 도구로 이동하면됩니다 파일 감시자를 편집하려고합니다 저는 SCSS를 모두 가지고 있습니다 여기에 여러분이갑니다

그게 설치되어 있다는 것을 보여주는 것입니다 그래서 저는 이것을 체크하지 않을 것입니다 사실, 나는 그것들을 뺀다 나는 이것을 다시 할 것입니다 그래서 우리가 사용하는 것 – 그리고 이것이 당신이 필요로하는 유일한 것입니다

SCSS입니다 그래서 즉 추가하려면 더하기 기호를 사용하십시오 그리고 SCSS는 제가 수업에서 사용하기 때문에 찾습니다 그리고 이것이 자동으로 나타나지 않으면, 그냥 찾아 봐 Rubybin / scss

bat입니다 그것이 당신이 필요로하는 것입니다 당신은 OK를 누르십시오, 당신은 OK를 누르십시오 이제는 새로운 SCSS 파일을 생성 할 수 있어야합니다 그래서 내가 여기로 가져 오게

파일, 새 파일, 파일, maryscss OK를 누릅니다 Git에 추가하지 않을 것이다 그것을 사용하려고합니다

그건 내 SCSS 파일을 만듭니다 처음으로 실행할 때 – 나는 그것을 재현 할 수 없도록 이미 실행했다 내가 처음 실행했을 때, 광고 파일 감시자를 얻었습니다 예를 누르면됩니다 그래서 Sass가하는 일은 우리가 변수를 할 수있게 해주고, 주요 색깔 같이

그리고 색깔을 넣으십시오, 123123 나는 그것이 어떤 색인지 전혀 모른다 그건 검은 색이야 100444, 알았어, 어두운 회색이야 도대체 무엇이

나는 16 진수 코드를 마음으로 알지 못한다 녹색 체크 표시가 나타납니다 거기에 오류가 없습니다 변수를 만들었습니다 그런 다음 변수를 사용할 수 있습니다

그래서 나는 몸 색깔을하고, 그 다음엔 그 이름, 주요 색깔을 사용할 수 있습니다 Voila, SCSS 시트를 만들었습니다 내가 그것을 구할 때, 이미이 일을했을지도 모른다 하지만 내가 그걸 저장하면, Control-S, 그럼 나 여기에 maryscss가 있습니다

그리고 그것을 저장할 때, 그것은 전처리기를 번역합니다 파일을 CSS 파일에 저장하십시오 그리고 그것은 모든 변수 이름을 변환합니다 그래서 같은 색을 반복해서 사용한다면 또는 색상을 변경하면 모든 것을 다시 컴파일합니다 이것이 내 주요 장점 중 하나입니다

전처리 기는 변수입니다 정말 잘하는 다른 것들이 있습니다 그러나 변수는 매우 유용합니다 이것이 설치 방법과 설치 이유입니다