To start you will need to download the Ruby installer for windows from here: http://rubyinstaller.org/downloads
Follow the prompts to install ruby, set your installation path to one you will remember, and tick the box to “Add Ruby executables to your PATH”
If at this stage you receive the following error:
ERROR: While executing gem ... (Gem::RemoteFetcher::FetchError)
SSL_connect returned=1 errno=0 state=SSLv3 read server certificate B: certificate verify failed (https://api.rubygems.org/specs.4.8.gz)
You will need to update your gems version using the method found here (latest release at time of writing: 2.6.7)
Now you can close the Command Prompt window and go to NetBeans
From the top menu, go to Tools > Options, then select the HTML/JS tab followed by the CSS Preprocessors tab
With an existing project, or a new one, Right-Click your project name in the NetBeans project browser and select Properties.
From the Project Properties pop-up window select CSS Preprocessors. Tick the “Compile Sass Files on Save” box. Setup watch directories as you require.
If you wish for your output CSS to be minified, enter
--style compressed in the Compiler Options box.
Create your watch folders as you entered above into your projects structure.
Now as soon as you create a new .scss file in your Input directory or save changes to one, NetBeans will automatically compile the file to .css in your Output directory!