less简介及其编译原理

一、less环境安装

①首先需要在电脑上安装nodejs，一般会内置npm，利用以下命令可以检测：

②利用npm在线安装less，运行 npm install –g less

③查看是否安装成功，Lessc –v 查看版本

二、less简介

①CSS（层叠样式表）是一门历史悠久的标记性语言，同 HTML 一道，被广泛应用于万维网（World Wide Web）中。HTML 主要负责文档结构的定义，CSS 负责文档表现形式或样式的定义。

②作为一门标记性语言，CSS 的语法相对简单，同时也带来一些问题：CSS 需要书写大量看似没有逻辑的代码，不方便维护及扩展，不利于复用，尤其对于非前端开发工程师来讲，往往会因为缺少 CSS 编写经验而很难写出组织良好且易于维护的 CSS 代码，造成这些困难的很大原因源于 CSS 是一门非程序式语言，没有变量、函数、SCOPE（作用域）等概念。

③LESS 为正是解决这样的问题，它在 CSS 的语法基础之上，引入了变量，Mixin（混入），运算以及函数等功能，大大简化了 CSS 的编写，并且降低了 CSS 的维护成本。