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