您现在的位置:首页 >> 前端 >> 内容

Less语言介绍

时间:2017/8/21 9:34:00 点击:

  核心提示:Less 是一门 CSS 预处理语言,它扩充了 CSS 语言,增加了诸如变量、混合(mixin)、函数等功能,让 CSS 更易维护、方便制作主题、扩充。Less 可以运行在 Node、浏览器和 Rhi...

Less 是一门 CSS 预处理语言,它扩充了 CSS 语言,增加了诸如变量、混合(mixin)、函数等功能,让 CSS 更易维护、方便制作主题、扩充。

Less 可以运行在 Node、浏览器和 Rhino 平台上。网上有很多第三方工具帮助你编译 Less 源码

安装Less

(1)我们需要NodeJ运行LESS示例。 要下载NodeJ,链接 https://nodejs.org/en/ ,下载完本地安装,命令行输入

node –version

出现版本号即可安装成功

(2)通过NPM(节点程序包管理器)在服务器上安装LESS

npm install -g less

(3)在需要使用less的项目中需要创建两个文件,style.css和style.less

(4)使用命令行进入该项目的路径下,输入命令行将less文件编译为css文件

lessc style.less style.css

当您运行上述命令时,它将自动创建 style.css 文件。 无论何时更改LESS文件,都需要在cmd中运行上面的命令,然后更新 style.css 文件。

Tags:LE ES SS S语 
作者:网络 来源:-花花程序圆