Less学习笔记

简介

Less 是一门 CSS 预处理语言，它扩展了 CSS 语言，增加了变量、Mixin、函数等特性，使 CSS 更易维护和扩展。
Less 可以运行在 Node 或浏览器端。

目前CSS预处理语言主要有SASS、SCSS、Less、Stylus。相比于其他的预处理语言，Less在功能的丰富性上略输一筹，相应的学习成本也较低，基本满足了咱们对于CSS编程式开发的需求。
因为在工作中接触到vue，使用了Less，因此简单学习一下，做以下笔记留待后期进一步的回顾和学习。

下载地址：[https://raw.githubusercontent.com/less/less.js/v2.5.3/dist/less.min.js]

中文文档：[http://lesscss.cn/#]

---

1.使用方法

安装Less

npm install -g less

编译Less

lessc styles.less

转译Less–>SCSS

lessc styles.less styles.css

2.变量

用@开头定义变量，在使用时也是以@开头使用。

/* Less */
@color: #fff;
@width: 100%;
.main {
   
  color: @color;
  width: @width;
}

/*转译后*/
.main {
   
  color: #fff