2013-12-20 3 views
4

Windows에서 PHPStorm IDE를 실행 중입니다.Windows에서 PHPStorm을 사용하여 SASS로 개발

Zurb Foundation을 사용하고 SCSS를 사용하여 내 스타일 시트를 작성하고 싶습니다. Ruby 나 Compass를 설치해야합니까?

.scss 파일을 편집 할 때마다 PHPStorm이 내 프로젝트 (각 프로젝트의 사용자 정의 경로에 있음)에서 자동으로 .css 스타일 시트를 컴파일하도록 할 수 있습니까?

나는이 http://www.jetbrains.com/phpstorm/webhelp/transpiling-sass-less-and-scss-to-css.html을 보았지만 지시 사항이 유닉스 시스템 용이고 윈도우를 실행하는 것처럼 보입니다. 성공적 루비/bin 폴더에 말대꾸와 나침반 보석을 설치

  • 내가 지적이 후
  • 이 설정을 투사했다
  • 내가 http://rubyinstaller.org/를 설치 한

    1. :

      지금까지 나는 다음과 같은했다 PHPStorm에서 컴퍼스를 찾을 곳을 알려주십시오.

    이 시점에서 어떻게해야합니까? SASS 파일을 찾을 위치와 컴파일 위치를 Compass 변수와 함께 프로젝트에 config.rb를 정의 하시겠습니까? 그 밖의 무엇을해야합니까?

    +0

    http://blog.jetbrains.com/webstorm/2013/12/using-compass-in-webstorm/ (http://confluence.jetbrains.com/display/WI/Using+Compass와 동일) – LazyOne

    +1

    @ LazyOne은 재미 있지만 작동하지 않았습니다. Foundation에서 프로젝트를 시작하려고했지만 파일이 만들어지지 않습니다. 그런 다음 터미널에서 "나침반 초기화"라고 입력했지만 인식 된 명령은 아닙니다. 설정 패널에서 나침반을 설정하려고했지만 여전히 사용하지 않았습니다. – unfulvio

    +0

    그건 공식 설명서입니다. 그것이 작동하지 않는 경우에 당신 측에 무언가는 실종되거나 틀릴 것 같다. 나는 ** 간단한 ** 프로젝트 (단지 몇 개의 파일들, 전혀 심각한 것 - 테스트 목적으로 만 사용했다.)와 컴파일은 나를 위해 일했다 (Windows 7). * "인식 된 명령이 아닙니다"* - Windows가 실행 파일을 찾을 수 없다는 가능성이 가장 높습니다 (PATH 환경에 있지 않거나 IDE에 아직 전파되지 않았습니다 - 예 : http://stackoverflow.com)./questions/20687697/sass-language-processor-in-phpstorm-on-windows-8 경우) – LazyOne

    답변

    5

    특정 기능 및 믹스 나 같은 나침반 전용 기능을 사용하지 않는 경우 SASS 변환기를 사용하여 CSS를 SCSS에서 생성하는 것이 좋습니다.

    SCSS 파일 감시자 설정은 간단하며 작성되는 rb 파일이 필요하지 않습니다. 같은

    뭔가 : @LazyOne가 언급 한 것처럼, 당신은이 일을 당신의 PATH에 C:\Ruby193\bin을 가질 필요가 있다는

    Program: C:\Ruby193\bin\scss.bat 
    Arguments: --no-cache --update $FileName$:$FileNameWithoutExtension$.css 
    Working directory: $FileDir$ 
    Output paths: $FileNameWithoutExtension$.css 
    

    참고.

    관련 문제