🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
# **less简介** less是一种css 的预处理语言,简化了css的书写,增强了css的功能,赋予css动态语言的特点,是css的升级版。 为什么要使用?除非它好用? 该 如何使用? # 如何使用less? \*\***方式一:客户端直接调用**\*\* ``` <!--1.用户编写的LESS文件--> <link rel="stylesheet/less" href="less/less.less"> <!--2.用于编译LESS文件的框架( 在head 或者 body尾部引入 )--> <script type="text/javascript" src="js/less.min.js"></script> //不推荐 ``` 注意:必须在**服务器**环境中才能生效,动态编译注入虚拟DOM或者内存中,类似ajax **方式二:预编译(提前编译)** 1. 使用最常使用的代码编辑器,按LESS的语法规则写好后缀名为.less文件; 2.使用编译工具(考拉)把它编译成.css文件; 3.把编译后的css文件引入到页面即可。 ### 考拉用法或者webstorm 注意事项: 考拉软件要先安装,注意安装时,不要修改路径,切记切记,或者自己指定文件目录,要自己新建一个空的,否则会将你指定的目录的内容全部删除掉。 新建文件夹名称为less会自动生成css文件夹,其他名称不会生成文件夹,更新文件要重新刷新考拉,考拉会在右下角自动编译,隔了一段时间的话建议手动刷新。 source-map作用是在浏览器中.css文件指向预处理语言文件less文件 Line comments 显示行号