webstorm sass 컴파일 문제에 대해 이야기해 보겠습니다.

이 글은 웹스톰 사용 튜토리얼 칼럼에서 웹스톰의 Sass 컴파일 문제를 소개하기 위해 작성되었습니다. 이는 특정 참조 가치가 있으며 모든 사람에게 도움이 되기를 바랍니다.

webstorm에서 Sass 컴파일 문제

saas는 Ruby 환경에서 실행해야 하므로 Ruby 32/64를 설치해야 합니다.

1. Ruby를 설치합니다

2. DOS 명령에서 Ruby를 테스트합니다. ​설치됨: ruby ​​​​-v (Car 반환, 버전 번호가 나타나면 Ruby 설치 성공)

3. sass 설치 명령: gem install sass

4 sass가 성공적으로 설치되었는지 테스트합니다. -v (Enter를 누르세요. 버전 번호가 나타나면 sass 설치가 성공한 것입니다.)

방법 1: DOS 명령 sass를 CSS 파일 모니터링으로 변환

1. 파일 디렉터리에서 dos 명령줄 방법을 엽니다:shift + 마우스 오른쪽 버튼 클릭

2. 명령줄에 sass 명령을 입력하여 sass 파일 컴파일 CSS 파일 모니터링 및 컴파일

sass style.scss mystyle.css
sass style.scss ../css/mystyle.css

: sass가 수정되면 CSS 파일도 동시에 수정됩니다

sass --watch style.scss:../css/mystyle.css

3. 모니터링 Ctrl 종료 + c, y

선택 방법 2: webstorm에는 모니터링 기능이 내장되어 있습니다

1. 최종적으로: 구성 IDE 환경:

IDE 구성(위치: 설정 --> 도구 --> 파일 watchers)

sass와 css가 각각 scss와 css를 저장하는 두 개의 폴더인 경우:

Arguments：--style expanded --no-cache --update $FileName$:../css/$FileNameWithoutExtension$.css

중국어 컴파일 오류: [한자가 포함된 모든 파일 이름 및 설명을 사용할 수 없습니다.] librubygems2의 87행 파일을 찾으세요. 3.0gemssass-3.4.22libsassimportersfilesystem.rb

if name.index(@root + "/") == 0 修改为 if name.encode("utf-8",'gbk').index(@root + "/") == 0

2. .scss 파일 -8”

의 헤드에 @charset "UTF" 문장을 추가합니다.

위 내용은 webstorm sass 컴파일 문제에 대해 이야기해 보겠습니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!