Grow your CSS skills. Land your dream job.

Compass/Sass on Windows

  • # August 24, 2010 at 2:09 pm

    Today I tried to to install Compass/Sass on my computer. I have made no head way what so ever. I installed ruby, which works fine. But to run a “gem” command in the command prompt, do I have to have the gems installed? Because when I tried to do that, it wouldn’t do what it should. Could someone please enlighten me on how to install gems on Windows, and maybe even how to get Compass/Sass working on a Windows computer?

    Thanks,
    -Chris

    # August 25, 2010 at 5:12 am

    you need to make sure they are all coming in PATH environment.
    i,e


    PATH = 'c:/windows';'D:sass';

    this will help command line to find commands you want.

    # May 30, 2012 at 1:21 am

    Here it is how you can install Compass/Sass on Windows:

    1) Install Ruby from http://rubyinstaller.org/
    2) Go to Windows Command Line(Start -> cmd)
    3) Change directory to Ruby bin Folder. Eg C:Ruby193bin (It will be different to your version and installation directory)
    4) Type ruby -v and if it get back with Ruby Version Number. Bravo, you are got to go.

    Staying in the same directory (C:Ruby193bin)

    5) Type gem install sass (It will install sass)
    6) Type gem install compass (It will install compass)
    7) Type compass version (If compass is running. It will get back with compass version and other info)

    Thank you :)

    # May 30, 2012 at 4:56 am

    Google “scout sass” and use that. It’s awesome.

    Unfortunately it’s not being updated/maintained far as I can tell but it works great.

    The only issue I had was updated java (jr7) and it was still trying to find “jr6″, just had to change it inside a file in the scout folder.

    Hopefully someones working on an awesome app for windows soon.

    # May 30, 2012 at 8:59 am

    When I started to figure out how to install SASS on Windows, I found it very confusing for two main reasons:

    1) all that Ruby stuff (installation, command line, etc.)
    2) most tutorials were for Mac

    I’ve found the best/easiest way for Windows users is Compass.app and I strongly recommend it (no Ruby stuff involved). Check it out: SASS on Windows, the easy way

    I did try Scout too, but I found it a little more tricky than Compass.app, and like @sliver37, I also had some issues with Java.

    # May 30, 2012 at 12:00 pm

    I’ve installed it on a Windows machine twice today, if you still don’t come right, let me know and I’ll give you a step by step.

    # August 1, 2012 at 8:45 pm

    i to had D same prob.. i googled it found this

    1. Ruby installer – http://rubyinstaller.org/downloads/
    2. When the installation finishes, open a Command Prompt window (Win+R then type “cmd” and press enter)
    Then type this:

    ruby -S gem install sass

    thats it you are done..

    Source

    # January 4, 2013 at 7:54 am

    @menunawar I installed Ruby 1.9.3 from that link and input the command but I got an error:

    C:Ruby193>ruby -S gem install sass
    'ruby' is not recognized as an internal or external command,
    operable program or batch file.

    # January 4, 2013 at 8:12 am

    I used sahilmepani’s method and that worked for me so thanks everyone!

    # January 4, 2013 at 4:50 pm

    For anyone still trying to install sass/compass, just use [Scout](http://mhs.github.com/scout-app/). Scout is a sass/compass GUI. Installing and running it is as simple as can be.

    # March 23, 2013 at 9:36 am

    I tired to compile less or sass width shell Command.
    So i create a gui, support sass, compass, less and coffeescript. Out of the box to use and cross-platform. And it’s open source.
    Get it at: [http://koala-app.com](http://koala-app.com)

    # March 23, 2013 at 7:35 pm

    mixture.io – public beta but great!

    # April 6, 2013 at 6:17 pm

    You can install the compass app, http://compass.handlino.com/

    Just $10, just bought it and great so far.

    # April 30, 2013 at 11:40 am

    You can use [Prepros App](http://alphapixels.com/prepros) for windows. It can compile less, sass, scss, coffee, markdown, haml, stylus file and It can also live refresh the browser.

    http://alphapixels.com/prepros

    # April 30, 2013 at 1:47 pm

    @Subash Awesome!!!

    Love the popup notifications when errors occur and live refresh.

Viewing 15 posts - 1 through 15 (of 22 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".