美文网首页
webstorm less watcher 配置文件

webstorm less watcher 配置文件

作者: VinChan | 来源:发表于2016-06-06 16:46 被阅读0次

1、首先要先安装 less

  npm i less -g

记下 lessc 的安装路径,如:

   C:\Users\XXX\AppData\Roaming\npm\node_modules\less\bin\lessc 

2、打开webstorm ,找到 File -> Settings -> Tools -> File Watchers
添加一个 less 选项

01

3、按照下图填写选项

02

选项说明:

Program : 填写 node.exe 所在的目录

Arguments: 选择之前记录的那个目录下 lessc 文件所在的路径, 后面加$FileName$,

Working directory:不用改,默认就好

Output...:就是指编译后css的存放路径,设置编译后的css文件存放的路径以及取什么名字以及后缀。默认就好

相关文章

网友评论

      本文标题:webstorm less watcher 配置文件

      本文链接:https://www.haomeiwen.com/subject/mzxddttx.html