less的编译

Posted 2021-01-28 huanghaihui

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）********