直接使用less.js编译less文件与IDE配置LESS环境实现自动编辑LESS文件生成css文件总结

1.less简介

1.1 为什么使用less

css是一门非程序式语言,没有变量、函数、SCOPE(作用域)等概念,且难以扩展和维护,而LESS恰好能解决以上问题。

1.2 什么是less

less is more,than css

动态样式语言,属于CSS预处理语言的一种,使用类似CSS的语法,为CSS赋予了动态语言的特性,比如:变量、继承、运算、函数等。更方便CSS编写和维护。

本质上,LESS包含一套自定义的语法以及一个解析器,用户根据这些语法定义自己的样式规则,这些规则最终会通过解析器,编译生成对应的CSS文件,LESS并没有裁剪CSS,而是在现有的CSS语法的基础上,为CSS加入程序式语言的特性。

使用场景:浏览器端、桌面客户端、服务器端。

1.3 使用less

less官网地址:https://lesscss.org/

中文官网:https://less.bootcss.com/

客户端运行Less分为两种情况:

  • 直接在HTML页面引用.less文件,然后借助less.js去编译less文件动态生成css样式,以