几步搞定less编译 安装nodejs npm 搭建配置LESS编译器环境

    Less 是一门 CSS 预处理语言，它扩展了 CSS 语言，css有的，能做的，它都能做，css做不到的，它也能做，诸如变量、函数、混合、运算、嵌套等概念，css就做不到，使得开发和维护性都比较弱，使用less就不同了，不仅使可以提升代码简洁和开发速度，更重要的是可以使后期的维护变得非常方便。less是一门预处理语言，所以不能直接使用，需要进行编译处理。那么怎么编译，又需要做些什么呢？

   要编译首先需要搭建一个node编译环境：

 1.从官网：https//nodejs.org/en/下载node.js安装程序，按默认安装步骤安装就好。

2.安装完成后，查看是否安装成功，打开命令行界面。开始菜单——运行、或 微软+R调出运行栏，输入cmd打开。

3.输入命令node -v 回车确定，有版本号输出说明安装成功。

如上图则安装成功

4.安装npm，npm是nodeJs的管理模块.很多第三方包需要它来辅助完成，所以是必须，由于新版的nodejs已经集成了npm，所以无需再单独下载，直接在命令行输入npm install -g less 然后回车即可；然后等待安装完成。

5.安装完成后命令行会输出许多编码，由于我的已经安装过了，就不再演示截图了。成功后可找到lessc.cmd的路径：一般在以C:\Users\Administrator\node_modules\bin\lessc.cmd;找不到的话，也可以在C盘直接搜索lessc.

6.为了开发方便不那么麻烦，不用每次都拿着less文件来命令行输入命令编译，我们需要配置下webstorm。打开webstorm,找到file-settings-Tools-File watchers;点击右边的+号，添加less监视，弹出对话框，如安装成功，webstorm会自动配置路径，不用改对话框内容，直接OK就好。到此less编译器就搭建配置完毕，可以在webstorm中使用less语言了，只要改动并保存less文件，webstorm就会自动编译完成，非常的方便。

如上图说明配置好了。点击确定就可以了（说明：每建一个新项目需要重新配置webstorm,因为编译是关联在项目中的）。