webstorm10 配置less

webstorm10 是自带less的，不过要编译的话，需要nodeJS的环境。

1.首先去nodeJS官网下载nodeJS,网址为：https://nodejs.org/en/download/

请根据你自己的操作系统和内存进行选择nodeJS的版本

2.安装完毕后，window+r打开快捷运行命令窗口，输入cmd；

3.再输入node -v以及npm -v，分别输出nodeJS及npm的版本，即表示nodeJS安装成功，如图：

4.接下来就可以安装less了，命令提示符npm进入npm管理器，然后npm install less开始下载less，默认安装目录在用户名\node_modules这里面。

5.现在less安装完毕了，咱们来配置一下webstorm

6.打开 file->settings->External Tools，点击左上角的'+'号，进入对话框：

7.配置完成后，创建一个.less文件

8.一般第一次创建less文件的时候，webstorm会提醒你add file watchers，点击进图对话框：

9.基本上配置已经完成了.现在我们打开一个less文件进行代码编写，如果你的webstorm出现这样结构：

则表示webstorm配置成功，接下来你就可以好好使用less来进行代码的编写了。