In the article we learned that Compass is a very powerful sass framework. If you read the article "Sass compiling ", I think you are not unfamiliar with Compass. The perfect combination of codekit and compass But this error mechanism, for us to help very much, it can help point to Sass code where the error occurred, let you first find the wrong place, and correct. The error mechanism of "Codekit", like other validators, is not always easy to understand validation errors. For example, in sass we define variables by using $, and we do a test experiment that converts the $ symbol for the definition variable to #, and then saves the modified Sass file. This work is very powerful and very useful, and he can help us debug the relevant Sass code. "Codekit" is very clever, when you write an invalid sass code, "Codekit" in compiling sass will be error, and in the "Log" can also find the corresponding error information. Once again, look at the "Log" message and you can see the new information: Once you have added a project successfully in "Codekit", as long as you have modified any sass file in the project, "Codekit" automatically compiles the sass file into a CSS file as long as you save the file, which is similar to the Sass-watch feature. This time back to the "Codekitsass" project you just created, you can see that "Codekit" compiles the Style.scss file in the Sass directory into a style.css file and places the file in the CSS directory: If you do not know if "Codekit" will sass compile successfully, in addition to return to the file directory to view, you can also click on the "Codekit" panel log, see "Codekit" compiled "log" information. scss file that you want to compile, set the corresponding parameter in the "parameter setting area" on the right in the Panel, and then click the Green "Compile" button in the lower-right corner of the panel, and "Codekit" translates the. When your SASS project is added to the "Codekit" file area, "Codekit" automatically finds all SASS files in your SASS project: In the Codekit panel, click the lower left corner plus + to add the newly created Codekitsass item to the Codekit file area: Only the project exists, and the sass code without testing is not able to show you how "Codekit" compiles sass into CSS, so the SASS code is written in Style.scss file:Īfter the completion of the test project, you can actually learn Codekit operations, master Codekit How to compile sass into CSS. For example, a project called "Codekitsass" is created where a sass directory is placed and a test file is created Style.scss: In order to start using Codekit to compile sass, you need to create a project, create a sass in your project, and save all sass files to the Sass directory. After installation follow us to continue looking down, I think you will like Codekit. First from the codekit official website download down to install him (to the United States Knife yo, find a cracked version of it). As well as browser reload, code compression, optimized image and Jshint & JSLint functions, but we only use him to compile sass. He can help you with a lot of things, such as: less, Sass, Stylus, Jade, Haml, Slim, Coffeescript, and Javscript can be compiled into what you need. can also be used for you, help you to compile sass into a very good CSS. Ĭodekit can help create Web sites faster and better. To share with you today a little experience of using Codekit. Because Compass can't get a cracked version, and Codekit doesn't have much of a difference, I've installed codekitin my Mac system. From my personal departure, I tend to be more Codekit,Compass and Koala. We don't make too many comments and comparisons when it's good or bad. The first few are paid tools, and only Koala are free. So far, there are countless interface tools for Sass compilation, such as:Scout,codekit,livereload,Compass,Fire As well as the domestic compilation tool Koala and so on. To do this, we can use app apps to help us complete sass compilation, and then say goodbye to using commands to translate sass. Of course, we can through the system with the command line or other terminal command tools to achieve SASS compiler work, but for the front-end designers, although often used to remember these commands, will eventually feel unaccustomed. In theSass compilation andnodejs+grunt configuration Sass Project Automatic compilation tutorial, we detail the translation tasks that use sass and the grunt command to complete the SASS project, where you can also use sass- Watch and Grunt watch commands are implemented to monitor SASS projects from time to time, and once any sass files are modified, the Sass files are automatically translated into CSS. Article Introduction: the use of the Sass Interface compiler tool-codekit.
0 Comments
Leave a Reply. |