WebStorm前端开发工具Mac环境配置less解决方案

2018-12-0316:35:23WEB前端开发Comments2,203 views字数 827阅读模式

Win环境下,配置less真是简单的不要不要的,心想依葫芦画瓢给Mac也配置一下,尼玛!咋搞都不行,网上查资料,说人话的就那2-3篇文章,而且按照他们的配置还是解决不了问题,断断续续搞到晚上10点,心碎,不搞了,睡觉!文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/8478.html

第二天一大早,不搞好不舒服斯基再次附体,心又痒痒,看了几篇同关键词的相关文章,灵光一闪,貌似找到了配置的正确姿势:文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/8478.html

步骤一,Node.JS:

解析less需要依赖Node.JS,那么首先 下载Node.JS 下载什么版本不需要我啰嗦了吧。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/8478.html

步骤二,安装:

纯点下一步。安装完成后打开控制台输入node -v,如能显示出版本号,OK,安装成功。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/8478.html

步骤三,less:

以防被墙,安装less之前,可先将NPM镜像地址换成taobao.org镜像,Mac系统务必加上sudo,控制台输入以下命令:文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/8478.html

再可以安心的安装less了,控制台输入以下命令:文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/8478.html

控制台输入lessc -v,如能显示出版本号,OK,安装成功。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/8478.html

步骤四,Webstorm:

终于开始配置 Webstorm 啦,打开:Preferences – Tools – File Watchers 点击左下角 + 号,选择 Less文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/8478.html

步骤五,配置:

其他选项都不改,当然,如果动过了,可以参考以下信息:文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/8478.html

步骤六,OK:

最后,OK启用。嗯,其实步骤六只是为了凑个吉利数字,俺就是有强迫症,么办法。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/8478.html

  • 本站内容整理自互联网,仅提供信息存储空间服务,以方便学习之用。如对文章、图片、字体等版权有疑问,请在下方留言,管理员看到后,将第一时间进行处理。
  • 转载请务必保留本文链接:https://www.cainiaoxueyuan.com/gcs/8478.html

Comment

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定