I'm using phpstorm and I want to use the file watcher plugin with SASS. But I can't find the SASS executable file. It isn't in the path where it should be(I think):
C:\Ruby21-x64\lib\ruby\gems\2.1.0\gems\sass-3.4.21\bin.
There are 3 files but without an file extension.
I already reinstalled SASS a few times but it doesnt help. Does anybody know where the executable file could be? Thanks in advance
You must specified path for sass.bat or scss.bat files locate in :
C:\Ruby21-x64\bin\sass.bat
or
C:\Ruby21-x64\bin\scss.bat
You can read this for more information for PHPStorm Settings : PHPStorm File Watchers
Related
Sorry in advance if I'm posting in to the wrong stack. I'm new to PhpStorm (coming from NetBeans) and I'm struggling to configure a File Watcher to compile my Sass files to the correct location.
The file I need compiling is located in
/sass/admin/styles/output/default.sass
I need it to compile the CSS to
/web/css/admin/styles/output/default.css
My arguments path for the watcher is
--no-cache --update $FileName$:$ContentRoot$/web/css/$FileRelativeDir$/$FileNameWithoutExtension$.css
Which ends up compiling the file to
/web/css/sass/admin/styles/output/default.css
I need to remove the sass part from the $FileRelativeDir$ macro but I don't know if this is possible. Is it possible to achieve this kind of file structure?
Already answered here -
https://stackoverflow.com/a/15965088/1389760
I changed my argument path to
--no-cache --update $FileName$:$ContentRoot$/web/css/$FileDirPathFromParent(scss)$/$FileNameWithoutExtension$.css
Changing the macro allowed me to set a parameter that removed the 'SCSS' from the directory path, and it now compiles to the desired location.
Attempting on a Mac with the latest version of Yosemite
I'm using the latest version of sass to refactor my site. I'm setting up watch command via the command line. my directory setup has a scss folder with the main css stylesheet cloned as .scss. and no css folder.
When I attempt the sass --watch scss:css command while in the main project directory folder, I've been told that, if there isn't one present, a css folder should be generated and a cloned .css file should be created along with a map file. Command line tells me >>> Sass is watching for changes. Press Ctrl-C to stop. however, changes are not being recorded.
I've tried updating my gems and uninstalling/ reinstalling sass, but nothing seems to be working.
Just tried this - the css folder doesn't get autogenerated. You need to generate it yourself. From there on, you should be good to go.
So if you are in the main project folder with subfolders called scss and css and you have, for example, a main.scss file in the scss directory, you can run the command exactly as you specified and everything should work as specified.
I just installed Sass using Ruby Gems, although my project is in NodeJS in Webstorm. To enable the SASS file watcher in Webstorm. When I run "sass styles.scss" from the commandline, I get a .sass-cache folder but not the actual compiled CSS file. Webstorm does not show any errors in my SASS file. I need the file to compile to a .css file.
I am also trying to setup a filewatcher in Webstorm that is not compiling the scss file. My SCSS executable path in the filewatcher in Webstorm is this. C:\Ruby200-x64\bin\sass.bat.
Here are the filewatcher settings.
The error Webstorm shows in the console, when the .scss file is saved is (which is when the file watcher should be triggered), is this:
C:/Ruby200-x64/bin/sass.bat --no-cache --update styles.scss:styles.css
'"ruby.exe"' is not recognized as an internal or external command,
operable program or batch file.
The full argument to the file watcher that cant be entirely seen in the image above is this:
--no-cache --update $FileName$:$FileNameWithoutExtension$.css
Here it is:
Didn't numerate but from top to bottom,
Select you watcher, you can make presets for various situations (Maybe try to make a new one)
Path to my 32bit sass.bat (not 100% sure but I think that even scss.bat worked)
Output, you can see in screenshot below how it should work/look.
I'm trying to get docpad working with scss on a windows 7 system.
As far as I know i've got sass installed and working cause it starts running from the command line. The path in the environment vars is correct.
docpad is working cause I get compiled code in the out folder.
but when I add a css.scss file I get an error
Error: SCSS does not appear to be available on your system
I tried to add a plugin config:
plugins:
sass:
scssPath: "/Ruby139/bin"
but that gives another error
Does anyone have an idea what to try now?
So the answer is set the correct path to the sass batch files in the ruby folder:
plugins:
sass:
sassPath: 's:/Ruby193/bin/sass.bat'
scssPath: 's:/Ruby193/bin/scss.bat'
I'm using compass 0.10.4
I'm running a compass command and I want it to put it's output to the
server when I run a watch instead of to the project directory.
Is there any way of specifying an absolute path instead of a path
relative to the directory you want the css output to?
I'm trying to have my compiled css output to the directory:
/home/leeand00/leeand00.com/wp-content/themes/coffeeSunrise
but instead it is being output to
<compass-project-dir>/home/leeand00/leeand00.com/wp-content/themes/
coffeeSunrise
I've tried specifying the compiled css output directory using --css-
dir on the command line.
I've also tried changing the value of css_dir to
/home/leeand00/leeand00.com/wp-content/wp-content/themes/coffeeSunrise
in config.rb and
not specifying the --css-dir argument and I get the same result.
I realize that this can be specified using ../../../ (as many times as
needed) but since I don't always know where my deployment point would
be this is sub optimal.
Chris added this functionality to the latest build, but until the new version is released, you have to compile it yourself.
Just a tip:
For windows os you can add below
css_path="C:/ui/myproject/css"