# **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 显示行号