如何使用less预编译
如何使用less预编译(安装并简单使用) 需要安装node.js (node -v / npm -v)用于查看node/npm版本信息 安装完node 打开终端运行npm i less -g 在建有.less文件夹的位置打开终端 运行 lessc lessDemo.less cssDemo.css( lessc less文件路径/less文件名 css文件路径/css文件名 )//用于转换成css less语法 注释 // 只会在less中显示 /**/ 会在编译好的css文件中显示 变量 在less中定义变量使用@符 @bgcolor:red; .box{ width:200px; height:200px; background:@bgcolor; } 编译之后输出的css .box{ width:200px; height:200px; background:red; } 混合 不带参数的混合 .borders{ border: 3px solid red; } .box{ width: 200px; height: 200px; background: pink; .borders } 编译之后输出的css .box{ width: 200px; height: 200px; background: pink; border: 3px solid red; } 带参数的混合