1. 홈
  2. 질의 응답
  3. scss를 CSS로 변환

scss를 CSS로 변환

2012-11-30 4 views

답변

69

CodePen에서 CSS (SCSS) 제목을 클릭하면 (장비로 프리 프로세서를 변경하지 마십시오) 컴파일 된 CSS보기로 전환됩니다.

Codepen Screenshot of Compiled Preview

출처

2012-11-30 16:52:12 y8r

+0

그레이트 팁! 나는 이것이 가능하다는 것을 몰랐다! – L84

+2

여전히 작동합니까? 오늘 그걸 시도했는데 아무 일도 일어나지 않았어. – andrewcockerham

+8

오른쪽에 눈 모양의 아이콘이있다. – antitoxic

63

systlesheets이있는 폴더에서이 명령을

sass --watch style.scss:style.css

출처 :

http://sass-lang.com/

때이 .scss 파일의 변경을 통지 이제까지 .css

0을 업데이트합니다.

.scss이 로컬 컴퓨터에있는 경우에만 작동합니다. 코드를 파일에 복사하고 로컬로 실행 해보십시오.

출처

2012-11-30 16:50:47 joshuahornby10

+1

나는 Windows7에있어. 터미널은 어디에서 찾을 수 있습니까? 리눅스가 아닌가? 보시다시피, 나는 신음 소리와 단자에 대해 아무것도 모릅니다. – Barbara

+1

cmd를 사용하고 실행을 클릭 한 다음 cmd를 클릭하십시오.scss 설정에 대한 웹 사이트의 지침을 따르십시오. 그런 다음 원하는 파일을 컴퓨터에 저장하고 .css로 바꿀 수 있습니다. – joshuahornby10

+0

오, 감사합니다. 나는 온라인 변환기와 같은 것을 기대하고 있었다. 이것은 아마도 내가 사스를 사용할 유일한 시간이기 때문에 나는 물건을 설치하려고하지 않는다. 그래도 도움을 주셔서 감사합니다. – Barbara

4

당신이 온라인/오프라인 솔루션으로 변환하는 것은 매우 쉽습니다 sass /sassFile.scss /cssFile.css

Attention: Before using sass command you must install ruby and then install sass.

For installing sass, after ruby installation type gem install sass in your Terminal

Hint: sass compile SCSS files

출처

2016-09-25 14:09:40 AmerllicA

3

첫째, 당신은 당신의 컴퓨터에없는 경우 루비를 설치해야합니다.

1. 터미널 창을 엽니 다. 2. 루비 명령을 실행하십시오.

/usr/bin/ruby과 같은 경로가 표시되면 Ruby가 설치됩니다. 응답이 없거나 오류 메시지가 나타나면 Ruby가 설치되지 않은 것입니다. 현재 Ruby 버전이 있는지 확인하려면 ruby -v 명령을 실행하십시오.

루비는

sudo apt-get install ruby2.0 
sudo apt-get install ruby2.0-dev 
sudo update-alternatives --install /usr/bin/gem gem /usr/bin/gem2.0 1

다음

sudo gem install sass --no-user-install

그런 다음 복사 명령을 실행하여 말대꾸 보석을 설치 또는 .sass 파일을 추가하고 파일 경로로 이동 한 후 컴퓨터에 설치되어 있지 않은 경우 그것은 .scss 파일의 변경을 통지 지금까지 다음

sass --watch style.scss:style.css

당신의 .CSS 업데이트 할 때

이것은 .scss가 로컬 컴퓨터에있는 경우에만 작동합니다. 코드를 파일에 복사하고 로컬로 실행 해보십시오.

출처

2017-08-01 10:39:50

관련 문제

 관련 문제