一、Less概述及安装
狐七 12/4/2020 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]
1
2
3
2
3
# 离线的安装方式
C： --> 用户/user --> 打开自己的用户 -->AppData（因为它是隐藏文件，所以要先显示隐藏文件）-->Roaming --> npm -->如果已经安装了less就会有两个文件（less和less.cmd）、如果没有东西就把之前提前下载的文件进行复制，如图：
# 在线的安装方式
npm install less -g
1
# 项目依赖的Less
npm install less -save-dev
1