在webstrom中配置less环境
# 单独分出一个css文件夹
此方法需安装
nodejs
环境,在官网进行下载 ---- nodejs下载 (opens new window)
通过
npm
工具包安装less
,命令行 (opens new window)npm install less -g
;通过命令lessc
测试less是否安装成功
在
webstorm
中如何把less
文件自动编译成css
文件: 在webstorm
中打开"File"
→"Settings"
→"Tools"
→"File Watchers"
,弹出配置窗口。点击右上角"+"
,选择Less
配置
"Program"
选项,值为lessc
的安装路径less
自动编译css
指定路径,对"Arguments"
进行修改 ----$FileName$ $FileParentDir$\css\$FileNameWithoutExtension$.css
,
# 不单独分
就默认ide的设置就行了
上次更新: 2022/05/13 21:13:15