Watchers

PhpStorm运用File Watchers自动编译Lesscss

这一生的挚爱 提交于 2020-03-02 19:53:23
PhpStorm 6之前只能借助 Less css compiles 来实现这一功能,虽然也非常的实用,但是import文件多了之后编译会稍稍有点慢. File Watchers是 PhpStorm 6新增的功能,可以用lessc自动编译less文件: 1.可以使用不同的文件夹区分less文件和css application.less的内容如下: 2.Ctrl+Alt+S调出设置对话框,切换到 File Watchers : 点击右边的 号选择Less: 在Program填写lessc的路径,如果需要编译为yui compressor压缩的css文件可以添加-x参数: 这样就可以正常编译less文件了,但是这样做会连同当前打开的less文件一起 编译,所以也可以配置Arguments内的 $FileName$和Output paths内的$FileNameWithoutExtension$.css为指定的文件,下面是我经常使用的配置: 这样就会编译为文章开始处图片内的目录结构了,希望对各位前端和PHPer有帮助~ 来源: oschina 链接: https://my.oschina.net/u/188561/blog/113889