# 一、Less概述及安装

# Less为什么会出现?

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

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

LessSassStyluscss的预编译语言,是一种编程语言,是后台人员开发出来的,是在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)、如果没有东西就把之前提前下载的文件进行复制,如图:

file.png

# 在线的安装方式

npm install less -g

# 项目依赖的Less

npm install less -save-dev
更新时间: 2021-02-25 00:05