webstorm 安装less自动转css

我们两清 提交于 2020-02-26 19:11:30

1.安装LESS包
进入nodejs目录,npm install -g less    
cmd> where node  查看node目录
2. 进入node目录,该目录下有两个目录,分别为less,npm,less里面包含.bin目录(该目录下有lessc编译器(lessc文件)),把D:\nodejs\node_modules\.bin添加到path环境变量中

3. 检测下安装有没成功,   cmd>lessc -version

4.webstorm配置file watchers   :  settings > tools > file watchers > + less

想顺便压缩编译后的css,除了在Arguments中写入--plugin=less-plugin-clean-css外还要安装压缩插件:npm install -g less-plugin-clean-css,这里要注意我安装的路径,如果最后less-plugin-clean-css的路径和上边的/Users/xx/node_modules/less不一个路径的话也跑步起来,这样怎么解决呢,可以直接将clean-css路径中的less-plugin-clean-css文件夹copy到/Users/xx/node_modules/中搞定

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!