miau715 edited this page Apr 26, 2013 · 6 revisions


Previous: Getting Started

There are some settings in the prefrences.


Preference - Compass

Preferred Syntax: Sass has two kinds of syntaxes: SCSS(.scss) and indented syntax(.sass). support both syntaxes, but you can choose which kind of syntax you want when it generates files from templates.

Compass Version: always use the latest stable release of Compass by default. If you want to use other Sass/Compass versions, or use RubyGems to mange Compass extensions manually, you should use "Custom" option. WARNING: It is for advanced users only. Please also check Use Compass Extensions section.


Preference - Notification supports Growl, and you can decide which types of notifications you want. can also generate log file for debugging purpose.


Preference - Services

Enable Web Server: If you have enabled this option, will start a tiny web server (WEBrick) from your project path. You can open http://localhost:24680 in your browser, and check your design instantly.

Enable livereload: 1.2+ has builtin livereload support, so you can stop refreshing your browser manually. You have to install browser extensions to make it works. If you have enabled both web server and livereload, you can even use livereload-js feature (Thank you @livereload for the MIT License). BTW, you should definitely check LiveReload 2.

If you do not want to install browser extensions, you can use livereload-js by pasting this code into your HTML:

<script>document.write('<script src="http://'
+ ( || 'localhost').split(':')[0]
+ ':35729/livereload.js?snipver=1"></'
+ 'script>')</script>

Then livereload will work for you automatically.


Preference - History

Someone needs to clean up history list for privacy issue, so we made it…

Next: Using Compass Extensions