一: 全局安装:$ npm install -g less
引入方式:
二:初步认识less:
1,less是一种动态样式语言:在静态样式语言css的基础上,添加了一门真正的语言所必需的元素:变量、数据类型、运算、逻辑结构、函数、继承等,从而大大提高样式的可修改和可维护性。
2,less并不是官方的语言,是第三方语言,所以浏览器不支持。
3,less当做一门语言规则使用,使用less完成样式设置之后,还是需要把less编译成css文件才能在界面中使用。,
4,less的使用方式有两种:
①引入less.js文件在页面中实时转换(不建议使用)
②使用nodejs进行批量转换,然后在页面中使用css文件 (命令:lessc less文件名称 生成的css文件名称)
lessc styles.less styles.css
补充:
less注释:
使用//注释,不会被编译到css文件中;
使用/**/注释,会被编译到css文件中。