Configuring Compass on Windows

Configuring Compass on Windows

here's how I do it

(One time)

  1. install ruby http://rubyinstaller.org/

  2. install compass, in a command window enter

    gem install compass
  3. to add compass to an MVC project, navigate to project folder and in a command window enter

    compass create

    you will get the default config.rb ... but here is my usual one

    http_path = "/"
    css_dir = "content/css"
    sass_dir = "content/sass"
    images_dir = "images"
    javascripts_dir = "scripts"
  4. to install bootstrap (for more info see https://github.com/thomas-mcdonald/bootstrap-sass)
    add

    require 'bootstrap-sass'

    to your config.rb

    enter (in your command window)

    gem install bootstrap-sass

    (I had to do a (in your command window)
    gem update
    after this but you may not need to)

    enter (in your command window)

    compass install bootstrap

(then ... every time you open the solution in Visual Studio)

  1. navigate to project folder
  2. in a command window enter

    compass watch

    (this will monitor project for saves and re-compile the scss files)

Hope that helps

Cheers
Stu

Windows MongoDB - Installed Compass but can't find Compass within system

For some reason in Windows 10 it is installed into the hidden AppData directory. At least I found first a shortcut 'MongoDB Compass' here:

C:\Users\<username>\AppData\Roaming\Microsoft\Windows\Start Menu\Programs\MongoDB Inc

and then in the properties of it the actual location seems to be

C:\Users\<username>\AppData\Local\MongoDBCompass\MongoDBCompass.exe

How to Configure Ruby to use compass for Sench-touch on Windows

First you need to install Ruby if you do not have it already. Get the latest Windows installer at http://www.rubyinstaller.org.

The installer should automatically add the Ruby folder to your PATH environment variable, so you can run Ruby commands from the command line. Once Ruby is installed, open a command line interface (cmd.exe) and install the required Compass packages using the 'gem' command from Ruby. Do this with the following three commands:

gem install haml
gem install haml-edge
gem install compass

After the packages install, type compass version to see if it installed correctly. You should see something like "Compass 0.11.7 (Antares) Copyright (c) 2008-2012 Chris Eppstein..."

If the gem and compass commands do not do anything, ensure that your Ruby folder is in your path. Check this tutorial if you need help.

The specifics for your config.rb depend on how you have your system and projects set up. Most of the configuration deals with the folder structure of you project. I'll refer you to the Sencha documentation for this:
- Mastering the Compass/SASS Setup with Sencha Touch
- An Introduction to Theming Sencha Touch

Once your config.rb is set up, you can run compass compile in your .scss folder to build the css files.

Using Compass on Windows with Visual Studio C# and ASP.NET

To complete the last answers, you can install Web Workbench, a plugin for Visual Studio 2010 wich add syntax highlighting, intellisence and some other stuff for the SASS language (SCSS syntax only).

If you prefer using Compass and/or some other tools to compile your CSS, you should disable the built-in compiler. I listed some other SASS compilers here: Using SASS with ASP.NET.

To disable the built-in compiler: select the .scss file in Solution Explorer, go to the Properties window and delete the text from the Custom Tool box.

Since Web Workbench 3 you can now manage more easily what you want to compile with this plugin. See the Mindscape > Web Workbench Settings menu item.

Configure Assetic, Sass, Compass in Symfony 2.3.0-DEV (Windows)

The version without .bat is correct, however looks like "Jes·s" folder name causes the issue (there should be u with an accent?).



Related Topics



Leave a reply



Submit