Webstorm编译LESS、yuicompressor、autoprefixer环境配置

目的:写前端的时候LESS自动生成CSS,通过Yuicompressor自动生成压缩版的CSS,方便直接调用,autoprefixer会将CSS的前缀(-webkit-、-moz-等)自动补全。嗯,大概就是这样~

安装系统对应的nodejs版本,以及各种依赖,如果是全局的话就 -g 吧。

npm install less
npm install yuicompressor
npm install autoprefixer

如果遇到autoprefixer无效的情况,可以安装下面这个依赖。

npm install postcss-cli

Webstorm进入setting-Tools-File Watchers,右侧点击加号,输入下图配置,Program那一栏为你Nodejs的安装目录,我是默认安装,图没有截全,嘻嘻~

Webstorm进入setting-Tools-External Tools,右侧上方加号,输入下图配置:

如果自动补全代码无效,可以使用下面这个:

猜你喜欢

发表评论

最新发布