Node.js v6.10.1在webStrom里配置less转css步骤

首先安装node.js,到中文官网http://nodejs.cn/.

然后,了解:

写代码写到一半要切换窗口出去敲命令行？webstorm的external tools可以帮你省下一点时间

举例说明，比如我要直接使用npm：

ctrl+alt+s打开setting菜单，找到external tools点+号，在tool setting里填空：program -> 外部命令所在位置，填入npm的完整路径parameters -> 参数，这里设为 $Prompt$运行命令时表示弹个窗口让你输入Working Directory -> 在哪个目录下运行这条命令，输入$ProjectFileDir$表示在当前项目的根目录下运行。点右边的insert macro可以看到更多的选项，除了macro的说明，webstorm还会告诉你对应macro在当前环境下是个什么值的，不怕看不懂e文了。最后给这个命令起个名字，叫npm保存完事，在顶部菜单找到tools就可以看到刚保存的npm。点击它就会弹出个窗口

 然后输入install less -g,npm就自动开始下载并安装LESS.(PS:命令行时有lessc安装路径,下面要填写)

安装完毕后,再进行webstrom配置:

打开webstorm→file→settings→Tools→file watching 点击“+”→less文件→Program右侧点击“...”弹出对话框，选择lessc.cmd文件.

完成.....