原创博主总结了两种编译方法,此处摘写了其中一种,另一种方法可点击原博主文章查看
此方法需安装
nodejs
环境,在官网进行下载 ---- nodejs下载
通过
npm
工具包安装less
,命令行npm install less -g
;通过命令lessc
测试less是否安装成功
在
webstorm
中打开"File"
→"Settings"
→"Tools"
→"File Watchers"
,弹出配置窗口。
点击右上角"+"
,选择Less
。
配置 "Program" 选项,值为 lessc 的安装路径
less 自动编译 css 指定路径,对 "Arguments" 进行修改:$FileName$ $FileParentDir$\css\$FileNameWithoutExtension$.css
点击
OK
,会在配置窗口出现如下图所示的信息
保存配置后,新增修改任意less文件,可自动生成编辑一个css文件