webstorm自带less,不过要编译的话需要nodejs环境。
- 首先去node的主页下载对应版本的nodejs然后安装,下载地址:http://nodejs.org/
- 安装完之后打开命令提示符(win+r),分别输入node -v以及npm -v如果返回版本号说明你安装成功了。
- 接下来就可以安装uglify了,命令提示符sudo npm install uglify-js -g 开始下载uglify,默认安装目录在用户名\node_modules这里面。
- 到这里less安装完毕了,接下来配置webstorm。
- 打开webstorm的file->settings ->External Tools,点击左上角的“加号”标志add,进入对话框
- program里设置的是uglify的路径,这里的目录可以参考截图中红框中的目录,他会默认编译到根目录。例如:/Users/xx/node_modules/uglify-js/bin/uglifyjs
- 这时候设置arguments:$FileName$ -o $FileNameWithoutExtension$.js,然后在output选项里设置输出路径:$FileNameWithoutExtension$.js
- 这个时候大功告成!