预处理器Less相关

Less是一个CSS预处理语言，必须要经过编译得到一个css文件，再交给浏览器去使用。

Less，扩充了CSS，在静态的语言上增加了一部分动态的内容。Less中是完全兼容和支持CSS的

 

webstorm配置less解析的方法

  一、准备

1.1 node.js 安装包  

1.2 npm（lessc.cmd） 安装

输入npm install -g less 然后回车；等待安装；成功后即可，找到lessc.cmd的路径：一般在C:\Users\Administrator\node_modules\.bin\lessc.cmd；
1.3 webstorm   安装
二、配置步骤

1) 安装js解析器node.js。直接下一步就ok。

2) 将npm压缩包解压，找到里面的lessc.cmd文件，放到c盘下一个没有中文路径的目录下

3.1 打开webstorm→

file→settings

→Tools→file watching

点击“+”→less文件→Program右侧点击“。。。”弹出对话框，选择我们之前的文件，然后确定。

三、使用

新建 例如1.less文件，则在html中引用1.less对应生成的1.css文件

即：<link rel="stylesheet" href="1.less">