Geek Answers Handbook

Development with SASS using PHPStorm on Windows

I am running PHPStorm IDE on Windows.

I would like to start using the Zurb Foundation and write styles using SCSS. Do I need to install Ruby or Compass for this?

Is there a way to let PHPStorm automatically compile .css stylesheets for me in my projects (in custom tracks for each project) whenever I edit a .scss file?

I saw this http://www.jetbrains.com/phpstorm/webhelp/transpiling-sass-less-and-scss-to-css.html , but it looks like instructions for a unix system, and I launch windows.

So far I have done the following:

  • I installed http://rubyinstaller.org/ , then
  • successfully installed sass and compass stones in ruby ​​/ bin folder
  • After that, I indicated that I went to Project Settings in PHPStorm and told where to look for Compass

At this point, what should I do? Define config.rb for my project with Compass variables for where to look for SASS files and where to compile them? What else should I do?

+4
source share
1 answer

If you are not using compass-specific components, such as its specific functions and mixes, I would suggest using the SASS translator to create CSS from SCSS.

SCSS file settings for viewing are pretty simple, and you don't need any rb files to create.

Sort of:

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

, , @LazyOne, C:\Ruby193\bin PATH, .

+5

More articles:


All Articles