webstrom配置less自动生成css

前言:

        在使用webstrom时老是希望他可以帮我们自动编译css文件,这里来说一下在webstrom中配置less文件,从而使我们的webstrom可以帮我们自动把less文件编译为css文件

步骤一:全局安装一个less

npm i less -g

步骤二:打开我们的刚刚下载的less,拷贝路径

打开  C:\Users\sdkj\AppData\Roaming\npm   这里的sdkj改成你自己电脑的名字

步骤三:setting-->输入框搜索 File Watchers 点击右上角的+

这里的Arguments是放在你当前less文件同级目录底下的

如果你想放在外面的css文件夹底下,把Arguments 改成下面这个

$FileName$ $FileParentDir$\css\$FileNameWithoutExtension$.css

图3

发布了142 篇原创文章 · 获赞 77 · 访问量 16万+

猜你喜欢

转载自blog.csdn.net/qq_41619796/article/details/104776472