

To ensure that everything is working correctly, create a new. PhpStorm should now be watching all folders in your project for file changes. Output paths to refresh: $FileNameWithoutExtension$.css:$FileNameWithoutExtension$.css.mapĬlick OK to close the Edit Watcher window and OK again to close the Settings window. Program: C:\Ruby24-圆4\bin\scss.bat or C:\Ruby24-圆4\bin\sass.batĪrguments: -no-cache -update $FileName$:$FileNameWithoutExtension$.css Your Watcher Settings should be as follows: If you installed Ruby in the default location, the SCSS compiler should be in C:\Ruby24-圆4\bin\scss.bat and the Sass compiler should be in C:\Ruby24-圆4\bin\sass.bat. Make sure the Program field is pointing to the correct compiler. In the Watcher Settings, PhpStorm should prepopulate these fields for you, however, sometimes it doesn’t get the right Program path to Ruby. If you are unsure which template to use, I’d recommend SCSS. Go to File > Settings > Tools > File Watchers > Click the green plus icon (top right) > Select your preferred template (SCSS or Sass). We now need to set up a File Watcher in PhpStorm. Result should be something like: Sass 3.4.24 (Selective Steve) 3. To check that Sass has installed correctly, you can run: sass -v

Installing ri documentation for sass-3.4.24ĭone installing documentation for sass after 21 seconds
#PHPSTORM 10 SAYS NO UPDATE INSTALL#
Once Ruby has been installed, open the Windows Command Prompt and run: gem install sass Please take note of where you install Ruby as this path will be required later.ĭuring install, uncheck “Run ‘ridk install’ to install MSYS2 and development toolchain.” if asked. It’s a single-click installer that will get everything set up for you. The fastest way to get Ruby on Windows is to use Ruby Installer. 🙂īefore you start using Sass in a Windows environment, you will need to install Ruby. This guide should still work fine for the foreseeable future, but if you have any suggestions on a new Sass compiler for Windows going forward, let me know in the comments.
#PHPSTORM 10 SAYS NO UPDATE UPDATE#
Update March 2019: Ruby Sass is deprecated and will be unmaintained as of 26 March 2019.
