less的编译

less其实也文本类型,跟txt的性质差不多

less有自己语法(变量,函数,作用域、Mixin混入),使css样式更加方便,有逻辑性,提高可维护性,减少重复性代码的冗余。

把less编译成css文件,编译方式有两种方式

第一种:

1.建立一个以“.less”为后缀的文件(例:demo.less),使用记事本打开,在里面写入@color:red; a{color:@color;}

2.编译成css文件:

  2.1控制台定位到当前demo.less所在的目录位置(输入“cd Desktop”),

  2.2接着输入 lessc demo.less test.css,这时在桌面有编译后生成test.css文件  (demo.less是被编译的文件名称,test.css是编译需要生成的文件名称),这时编译成功。

第二种:

3.基于webstorm自带有编译功能,这时就不需要命令行窗口由第一种的手动操作,在webstorm新建文件时把文件的后缀为“.less”即可(如:“test.less”),这时在webstorm窗口上方“Enable File watcher to compile LESS to css?   Yess /No”,监听提示,选择yes,当你在test.less编写完成了,会监听自动更新编译

******更多的参考less的中文官网为lesscss.cn(www.1024i.com/demo/less)********

原文地址:https://www.cnblogs.com/Huanghaihui/p/10152970.html