Less的使用(编译和不编译)

编译，使用less文件引入作为样式的方法。

1、koala软件

2、引用less.js文件

3、node.js方法

4、webstorm编译

因为作者日常使用node.js比较多，现就第三种方法做详细说明

一、下载安装node.js，官网下载本地安装，具体步骤在此不做赘述

二、Win+r,cmd，打开dos窗口

三、输入npm install -g cnpm --registry=https://registry.npm.taobao.org，回车

四、输入cnpm  i   -g   less,回车（如果没有执行第四步，此处可以输入npm  i   -g   less,回车）

五、dos命令进入less文件所在的目录

六、输入命令lessc style.less style.css，回车（style.less为需要编译的less文件，style.css为编译的目标文件，实际用对应的项目文件即可）
 

不编译，直接使用less文件引入作为样式的方法。

需要引入官方的js文件，请到http://lesscss.cn/#download-options进行下载

然后在页面中引入（注意顺序，js在less后引入）:

示例：

less（rel要改）:

    <link rel="stylesheet/less" type="text/css" href="css/my.less">

js:

    <script src="js/less.min.js" type="text/javascript"></script>