less 使用入门

Posted 2020-09-02 半夏微澜ぺ

LESSS是基于javascript，所以，是在客户端处理的。

使用less很简单：

1 下载less.js

2 新建less文件后缀名称是.less

3 在页面中引入less文件，跟引入普通的css的是一样的，区别：rel=stylesheet/less    css是stylesheet/css 

4 在less文件的下方引入less.js ，ps:less.js一定要在style.less样式文件之后引入

为了避免客户端是不支持js引起的问题，可以使用下面的方法：

在本地使用less.js与less文件进行样式的编写，在项目完成之后，可是使用node.js对less文件进行编译，生成css文件，在项目中直接引入css文件就可以了

步骤：

1 安装node.js node.js中有自带的npm node.js安装完之后就可以使用npm安装相应的环境

2 安装完之后 node -v查看node的版本     npm  -v 查看npm的版本

3 安装 less npm install -g less（全局安装less） less npm install -d less (在D盘安装less)

4 lessc style.less style.css(在style.less的目录下生成css文件)