I am working on a project which has a number of sass files located in a sub directory called sass. I understand that in order for these files to be generated into css I am required to install ruby and compass.
I've done this. I am on a Windows 7 64bit OS. I downloaded the Ruby .exe from their site and ran it. I ran sass -v to check the version that was installed and it was Sass 3.4.1
Next I went into Netbeans and went tools->options->miscellaneous and went to the CSS Preprocessors tab. From here I entered the path to my sass.bat file which was was follows:
C:\Ruby193\bin\sass.bat
Following this I then restarted netbeans and opened a command line. I navigated to the sass folder of my project and ran the command compass watch however when I make a change to the sass file and save it is not being detected by compass which makes me think I've done something wrong.
I'd appreciate any help with this. I've not got a lot of experience with SASS.
Related
Does anyone one know what to add in the Sass path in a mac? All the tutorials I have found are for Windows: https://medium.com/#raaechelb/sass-installing-on-netbeans-and-getting-started-2b5ce99d985c
I have installed Ruby and Sass. I can get SCSS to compile if I use --watch in the command line, but I can't seem to get Netbeans to see SASS within the IDE. I have also tried the file path /usr/bin/sass suggested on the Netbeans website:https://netbeans.org/kb/docs/webclient/html5-editing-css.html
I keep getting 'SASS executable must be a valid file' - Any ideas?
enter image description here
Go to your terminal and type which sass. It should give you the path that you can copy and paste in NetBeans.
I'm trying to learn to use SASS to expand my web development skills but I've run into a problem. I'm running Windows 7 , I have installed both Ruby193 and SASS gem and I'm using Netbeans 8.0 as my IDE.
My system path points to C:\Ruby193\bin and I can type ruby -v from my command prompt without error, so I believe that is set up correctly.
Under CSS Preprocessors in project properties I have input set to /scss and output set to /css. In Configure Executables I have SASS path set to C:\Ruby193\bin\sass.bat. From what I have read, this is correct.
I've also got a simple project set up with two directories css and scss as well as an index.html with test text and a link to css/style.css in the header. In my scss directory I have style.scss with some test code. My css directory is empty. It is my understanding that when I compile SASS should generate a css/style.css from style.scss, however it does not.
Both Netbeans - installing SASS and Does Netbeans generate a separate CSS file when saving a SASS file? have the same problem I do, but neither solution seems to work for me. Could anyone offer me some help? I've also attached an image of my settings.
Thanks in advance for any help you can offer!
http://i.imgur.com/atyHT84.png
1) create css/styles.css.
2) type "--style compact" and check "Compile Sass files on save" in the CSS compact.
I'm updating a PHP project using PHPStorm. I first started using SCSS by turning on the PHPStorm watch for the file type. It works fine. I then wanted to incorporate Compass. I successfully installed it and ran "Compass create --bare" in my project directory. Now when I include #import "compass/typography/vertical_rhythm", it can't find it. It's not surprising as there is no compass subdirectory. How do I install the required components? Didn't see any Compass option that seemed appropriate. I used the bare option because thats what's the Compass site gave me for an existing project.
Once I get it installed, do I need the Compass watch given I already have a file watcher running for SCSS files? The description of it indicates it does the same thing.
Running OS X 10.8.4
Answering my own question again. I should have plugged away a little longer. I'll leave this in case someone has the same problem.
The #import "compass/typography/vertical_rhythm is resolved by the the Compass compiler. Just running a vanilla SASS compiler isn't going to do it. At this point I make this happen by running compass compile on a bash command line. I haven't been been able to get the PHPStorm watcher to work correctly. A new version of PHPStorm was announced yesterday (5 Sep 2013) with additional support for Compass.
Update
There's another question here asking how to get compass compile to work with PHPStorm. It didn't work as written for me. I made a comment there on the changes I made to get it to do so.
I am using the SCSS-Editor for Netbeans on Windows so that I can edit and compile SCSS files in my projects. SCSS-Editor uses a bundled install of SASS/JRuby, although there is an option to use an external one (I'd prefer not to install the whole Ruby environment just for compiling SCSS files so the bundled one seemed ideal).
For the most part this works fine and I am enjoying using SCSS in my latest project. However, it seems some features of the language (i.e. the %class-name extends) may be unavailable to me due to the bundled SASS being an old version (3.1.20).
I've had a go in the command line (running as admin), but it isn't responding (cursor just there like it expects more). How can I go about updating the bundled SASS install that Netbean's JRuby is using?
Or is there an alternative solution (apart from installing Ruby or using ScoutApp)?
Many thanks
I've done this, but I should add as a disclaimer that I haven't conducted any thorough testing. That said, what I've done seems to work okay.
The "External Runtime" setting is just for the SASS runtime; the embedded JRuby version is still used so there's no messing around with Ruby installation. If you go to the SASS code archive on RubyForge and download and extract the latest tar version (stable is currently 3.2.9) to some appropriate folder, that folder is then suitable for the Sass plugin's "External Sass runtime" location.
The setting (I know you're aware of this, but just to make the answer complete) is in Tools->Options->Misc->Scss and put the folder you created into the SASS/HAML home box which appears when you select External Sass Runtime.
Obviously, there is potential for problems with new SASS on old JRuby and even new SASS on old SCSS-Editor, but my projects seem to compile okay.
We have started to use Sass with Compass for a new project. Currently I'm locally compiling scss to css and committing generated css file to svn (installed in test server) only. And because of that only I can work on Sass files and I want to give the ability to edit sass files to other developers too. and I would also like to setup the workflow in the manner we can work from anywhere, work on .scss file and compile (on save/commit) on server. without having Ruby, Sass gem, compass gem installed on local PC.
How to install sass, compass, chunky png on LAMP server and How to allow everyone to edit and compile .scss to .css file?
and we are also using SVN for version control.
If scss can be compiled to css in non-interactive mode
and
If compilation tools can be installed on test-server
you can try
Save real sources (*.scss) in repository
Post-commit hook in addition to current tasks (export of update WC for reflecting changes in repo) will get task of compiling scss
PS: Can't see any problem here - obvious task and obvious (single!)solution