Syntax error: Invalid GBK character error occurs when sass is compiled in ruby,
The ruby environment is used for sass file compilation. Interface-based koala tools and command line modes cannot be used, which is really annoying.
It is easy to see that Chinese comments cannot be compiled or garbled, and the solution after several days is finally solved.
The odd thing about this problem is that there is no problem in the xp environment, but it only appe
watch function is enabled to detect changes to the Sass file and automatically compile the updated code for you:
Sass -- watch
Now, let's talk about the command line compilation.
2. graphical interface tool Compilation
Well, I don't have to worry about wrong commands anymore.
In fact, there are many such tools. Here we will introduce Koala)
Official Website: http://koala-app.com/
Day 0:Get up early from Hengshui, on the way to the railway station understand Hzoi always almost have missed truth ... On the green leather after the train because there is no net traffic began to see the political books to cope with the study, but not very able to look in, feeling that the high school is not aware of higher than the height of where to go. After Beijing chose the most efficient subway to the hotel, but out of the subway station is two points, subway station is the Burger King,
Less.① is an extended technology, based on CSS.② contains variables, blends, functions, and operations.③ simplifies CSS code and lowers maintenance costs④ Current parser (koala)Variable (value variable)@ Variable Name: valueSteps:① Creating a Folder② build HTML and less two files③ Start Koala④ Configuration Path⑤ Enter part less-Refresh Koala⑥ generate a CSS file
Editor notes -- sublime text3 compile sass, sublimesassIf you have installed the sass and sass build plug-ins to the ST, command + B compilation is no problem, then install koala and introduce the sass you want to edit in koala, and set the sass file to automatic compilation, so the sass can be automatically compiled when it is saved by using ST to edit the sass, without the need for every command + B compi
metal mylinuxbook
6. cowsay command
It depicts cattle, sheep, and many other animals with ASCII characters. But not every Linux release has this command.
Run the following command to install the command:
$ Sudo apt-get install cowsay
Now, run the command and give an information string in the command.
$ Cowsay "Linux is fun"
We see an interesting image:
Basically, we will see what a cow tells us.
Although only cow is displayed in this command, it can still have the effect of goat.
$ Cowsay-f
Editor notes -- sublimetext3 compile sass-grass circle
If you have installed the sass and sass build plug-ins to the ST, command + B compilation is no problem, then install koala and introduce the sass you want to edit in koala, and set the sass file to automatic compilation, so the sass can be automatically compiled when it is saved by using ST to edit the sass, without the need for every command + B compi
toolbar. experts who write code manually will like CSS and text editors with full features. It is easy to edit multiple files in the split pane.5. Keka
Keka is an open-source OS X application used for File compression and decompression. It supports the preceding three formats and multiple compression formats, including 7z, gzip, Tar, DMG, and ISO. It can decompress rar, EXE, CAB, and PAX formats.6. Sequel Pro
Sequel Pro is a fast and easy-to-use Mac database management application when using
write in front:It is well known that CSS is a non-procedural language, no variables, functions, scope (scope), in the previous interface style design, the need to write a large number of seemingly illogical code, inconvenient maintenance and expansion, is not conducive to repeated calls, especially for some UI designers and other non-front-end development engineers, It is often difficult to write well-organized and maintainable CSS code because of the lack of CSS authoring experience. In order t
1. Background map fill
This is one of the most widely used practices, no hacks, recommended use:
Head
Sideleft
Default length Extended page
It is not easy to move from a fixed, pixel-based design approach to a resilient, relative design approach. But if used properly, it can be a natural selection to enhance affinity and ease of use without sacrificing design.
Pixels are non-scalable points on the computer screen, and aH3 is a word-sized block. Due
' to see all the animals it can provide. Input:$cowsay-LThe system pops up the following information:Cow files in/usr/cowsay/cows:apt Beavis.zen bong bud-frogs bunny Calvin cheese Cock cower daemon Defaultdragon dragon-and -cow duck elephant elephant-in-snake eyes flaming-sheepghostbusters gnu head-in hellokitty kiss Kitty Koala Kosh luke-koal Amech-and-cow Meow milk Moofasa moose mutilated pony Pony-smaller ren sheepskeleton snowman sodomized-sheep
Less (official website here: http://lesscss.net/article/home.html) The charm of the people believe that it is clear that the greatest charm of the individual is that it can clearly show the nesting relationship.For the existing projects, its application difficulties mainly lie in--
When to convert to CSS, that is, whether it is conducive to development debugging, is conducive to one-click Deployment
The existing project is based on CSS, how good to convert the CSS to less
1.LESS Introduction Less is a dynamic stylesheet language, with a simple and concise syntax definition that enables writing CSS 's work becomes very simple Similar to the Jquery FrameworkChinese website: http://www.lesscss.net/2. Compiling toolshttp://www.koala-app.com/website and software have Chinese translation is actually developed by the people of TaiwanThe following software interface is simpleInstall less support in 3.Sublime Text3Open Sublime text3---perferences–package Control---packag
The second Alpha version of Ubuntu9.10, codenamed KarmicKoala, is released. The main parameter is Linuxkernel2.6.30RC8. ext4 is used by default, GRUB2 is used as the boot loader, GCC4.4, Pidgin2.5.6, and so on. Ubuntu enthusiasts may wish to try Ubuntu9.10Alpha2. Ubuntu 9.10 (KarmicKoala) named Karmic Koala Alpha2 released the second Alpha version. The main parameter is Linux kernel 2.6.30 RC8. ext4 is used by default and GRUB 2 is used as the boot lo
According to foreign media reports, while Ubuntu fans are still studying Ubuntu9.10 (codenamed koala), their developers have begun to design the next generation of UbuntuOS, the latest version 10.04Alpha1 has been completed. By convention, the codename of Ubuntu10.04 is taken from an animal name, which is determined as LucidLynx (smart bobcat ). Before introducing the new features of Ubuntu 10.04, it is worth noting that the Ubuntu release process has
Compiling with KoalaKoala is a Chinese-developed open source preprocessing language graphics compiler tool that currently supports less, Sass,Compass and coffeescript.The following systems are currently supported: Windows,mac, 10.7+,linux:32bit/64bit,ubuntu:32bit/64bit;We can download koala from their official website: Click to enter, use the document click to enterHow to use:
When the installation is complete, open the
this problem very quickly.In addition, if you really do not like to use the command line to operate, there are two GUI applications can also use sass and compass:
Scout
Compass.app
But these two are paid software. Although I am also very supportive of paid consumption, but some like me to pay a certain number of yards of the United States knife, the weak. In this special recommended to you a domestic gui--@OKLain developed Koala
I. 1. {} Not required in previous sass, sass file suffix ". Sass"2. {} is required in sass now, the sass file suffix is ". Scss"Role: The role of less and sass are used for code simplification and reuse3. Steps to create a sass file:-Create a file in websotrm with the suffix name ". Scss"-Open the Kaola software, drag the entire Web file into the Kaola, click ExecuteCompiled so that the suffix named ". Scss" is automatically generated in Webstormand ". css" Files and ". Css.map" three files-With
-Arguments { border:dashed 5px #ffddff;}Avoid compiling1 /* Koala will 210px-20px compile, this is not what we want, Calc is the property of CSS3, should be given to the browser to compile */ 2 . T-comile{3 width:calc (210px-20px); 4 }5/* Avoid compiling */6 . t-cancel-compile{ 7 Width: ~' calc (210px-20px) '; 8 }Output==>1 /* Koala will 210px-20px compile, this is not what we want, Calc is the pro
The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion;
products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the
content of the page makes you feel confusing, please write us an email, we will handle the problem
within 5 days after receiving your email.
If you find any instances of plagiarism from the community, please send an email to:
info-contact@alibabacloud.com
and provide relevant evidence. A staff member will contact you within 5 working days.