一、Less概述及安装

Less为什么会出现？

CSS(层叠样式表)是一门标记性语言，html和css不是编程语言，没有变量，函数，作用域等概念。语法简单，但是看起来非常的繁琐没有逻辑，而且很多样式都大量冗余。

很多后台的人员写出来的css代码，没有规范就非常的凌乱。不方便维护和扩展。

Less、Sass和Stylus是css的预编译语言，是一种编程语言，是后台人员开发出来的，是在css的语法基础之上，引入了变量，Mixin，运算以及函数等功能，降低了维护成本，预编译语言的意思就是其不能直接在浏览器等环境运行，需要提前编译成css才能在浏览器环境运行。这里着重讲解Less语言。

以后缀名为.less的称之为less文件。

Less的环境安装

全局安装Less

如何证明你有没有全局安装less？要安装less首先要安装nodejs

win+R --> cmd --> node -v(如果安装了node就会显示版本号) -->npm -v(检测一下npm是否自带，如果有会显示版本号)

# 如果安装了less也会显示版本号
lessc -v
# lessc 3.12.2 (Less Compiler) [JavaScript]

离线的安装方式

C： --> 用户/user --> 打开自己的用户 -->AppData（因为它是隐藏文件，所以要先显示隐藏文件）-->Roaming --> npm -->如果已经安装了less就会有两个文件（less和less.cmd）、如果没有东西就把之前提前下载的文件进行复制，如图：

在线的安装方式

npm install less -g

项目依赖的Less

npm install less -save-dev