【LESS 教程】

作为一门标记性语言,CSS 的先天性优点是语法相对简单,对使用者的要求较低,但它的致命弱点是需要书写大量看似没有逻辑的代码,不方便维护及扩展,不利于复用。

造成这一现象的很大原因在于 CSS 是一门非程序式语言,没有变量、函数、SCOPE(作用域)等概念。

开始阅读

概要

在开发阶段,在页面中嵌入一个 Less.js 将Less在线编译成CSS样式,确实很方便。但是,在线编译会产生加载延迟,即便在浏览器中有不足一秒的加载延迟,也会降低性能。如果Javascrip执行错误,还会引起美观问题。因此,在生产环境中,并不推荐这种方式,而是推荐在服务器端使用Less。

在服务器端使用Less,需要借助于 Less 的编译器,由它将 Less 源文件编译成最终的 CSS 文件。最常用方式,就是利用 node 的包管理器 (npm) 进行安装,安装成功后就可以在 node 环境中对Less源文件进行编译。

  • 安装Less编译器

为了方便使用 Lessc 这个全局命令,建议采用全局安装。安装命令如下:

$ npm install Less -g

如果想安装指定版本,也非常方便,只需在安装包后添加 @VERSION即可。如,安装1.6.2版本的命令如下:

$ npm install Less@1.6.2 -g

当然,如果你想安装最新版本,可以尝试以下命令:

$ npm install Less@latest -g