WebStorm前端开发工具Mac环境配置less解决方案
Win环境下，配置less真是简单的不要不要的，心想依葫芦画瓢给Mac也配置一下，尼玛！咋搞都不行，网上查资料，说人话的就那2-3篇文章，而且按照他们的配置还是解决不了问题，断断续续搞到晚上10点，心碎，不搞了，睡觉！
第二天一大早，不搞好不舒服斯基再次附体，心又痒痒，看了几篇同关键词的相关文章，灵光一闪，貌似找到了配置的正确姿势：
步骤一,Node.JS：
解析less需要依赖Node.JS，那么首先 下载Node.JS 下载什么版本不需要我啰嗦了吧。
步骤二,安装：
纯点下一步。安装完成后打开控制台输入node -v，如能显示出版本号，OK，安装成功。
步骤三,less：
以防被墙，安装less之前，可先将NPM镜像地址换成taobao.org镜像，Mac系统务必加上sudo，控制台输入以下命令：
|
1
|
sudo npm install -g cnpm --registry=https://registry.npm.taobao.org
|
再可以安心的安装less了，控制台输入以下命令：
|
1
|
sudo cnpm install -g less
|
控制台输入lessc -v，如能显示出版本号，OK，安装成功。
步骤四,Webstorm：
终于开始配置 Webstorm 啦，打开：Preferences – Tools – File Watchers 点击左下角 + 号，选择 Less
步骤五,配置：
|
1
2
|
Name：Less
Program：/usr/local/bin/lessc
|
其他选项都不改，当然，如果动过了，可以参考以下信息：
|
1
|
Arguments：$FileName$ $FileNameWithoutExtension$.css --source-map
|
|
1
|
Output paths to refresh：$FileNameWithoutExtension$.css:$FileNameWithoutExtension$.css.map
|
步骤六,OK：
最后，OK启用。嗯，其实步骤六只是为了凑个吉利数字，俺就是有强迫症，么办法。
THE END
