Koala add Sass Item is very simple, you can click on the top left corner of the + (add) button, find your Sass project, and then confirm put in:Īt this point you are in the Koala panel and you can see the sass items that have been added: The entire interface is very simple, with three buttons in the upper-left corner: "Add Item", "Error Log", and "Configure", in the entire right main area, by default the "project" interface is loaded. The use of koala is actually very simple, the first step you start your installation in the local koala, you will see a very refreshing interface: Create a sass directory at the same time, put the project's so. (I usually like to put items in a directory called sites). Since I created a sass project in my own project directory, I created a project called Koalasass. To let Koala to compile Sass project, the first condition is to have SASS project, otherwise Ching, nothing can do. If you are using Koalafor the first time, you can download the corresponding version to his website because Koala provides installation files for multiple environments:ĭownload the version you want directly click on the installation file, step by step on the OK, here will not do too much elaboration.
Codekit and compass install#
If you decide to use Koala to compile your sass project, you will have to install a Koala first.
Codekit and compass mac os x#
run across platforms: It works perfectly on Windows,Linux, and Mac OS X multiple platforms.Error Tip: If you encounter syntax errors at compile time, provide error information log to facilitate developers to locate code error location.Code Compression: Less and sass support the automatic compression code after compiling.compilation options: You can set compilation options for each language.Real-time compilation: Listening to files, when the file changes automatically compile, all of this in the background running, no manual operation.Support multi-language: support less,SASS,coffeescript and Compass.
Codekit and compass how to#
īefore introducing how to use Koala, let's take a quick look at the functional features of Koala : In this article, however, we only describe how to compile the Sass project with Koala. Run across platforms, perfectly compatible with Windows, Linux, and Mac. Koala is a front-end preprocessor language graphics compilation tool that supports less, Sass, Compass, and Coffeescript, and helps web developers use them more efficiently for development.
![codekit and compass codekit and compass](https://i.stack.imgur.com/ax5Fz.png)
Fortunately, there is a domestic graphics tool Koala and codekit function is very similar, supporting a number of platforms, but also open source. Because Codekit is a paid tool and can only be used in Macs, many sass enthusiasts in the country, or beginners can not experience the Codekit tool to compile Sass project. The "codekit" graphical tool compiles sass project in the article "The use of theSass Interface compiler tool-codekit ". Article Introduction: This article mainly through the creation of a SASS project as an example, to lead you to use koala such a graphical interface compiler tool to your SASS project, sass file compiled into a CSS file.