![]() ![]() In the first few steps, we have successfully added the Koalasass project to the Koala panel, because there is no SASS code in our Style.scss file, let's try to edit it and add the following code to the Style.This entry is part 7 of 9 in the series: Understanding and using Sass You just koala the left column of the project area, with the mouse "right" click on the item you want to delete, select the "Delete" menu item, you easily delete the sass you want to delete the item: Deleting items in Koala is also very simple. Sometimes you might want to clean up the sass items in the Koala panel, because there are too many tests, you want to complete a real project, and don't want other useless items to interfere with your view, then you can delete them. Once your sass item is dragged to the Koala main content panel area, loosen your left mouse button, and the Sass item you drag and drop is placed in koala, in other words, add Project success: In addition to this approach, there is a simpler way to add sass items to the Koala panel, which is to drag your items directly to the right area of the panel: 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. If you decide to use Koala to compile your sass project, you will have to install a Koala first. ![]() 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.ī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. 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. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |