phpstorm+nodejs自动编译.less(windows)

windows下载和安装nodejs 超简单,不用多说。我装在 C:\nodejs;

打开 c:\node.js ,按 shift + 鼠标右键 

170850_WQOo_1035139.png

运行 npm install -g less

171028_7UFy_1035139.png

安装成功之后 设置 phpstorm

在项目里建立 less文件夹,并在less文件夹创建style.less,随便打些less(css)代码 

171436_Uemg_1035139.jpg

在phpstorm->settings->file watchers里加一个 LESS的项目

171742_CHcF_1035139.jpg

我的配置如下 

Program : C:\nodejs\node.exe

Arguments:C:\Users\Administrator\AppData\Roaming\npm\node_modules\less\bin\lessc $FileName$

Output paths to refresh:..\css\$FileNameWithoutExtension$.css

保存。

然后去修改style.less,你会看到项目下自动创建一个 css目录和css目录下创建一个 style.css

172146_ZdPc_1035139.jpg

css内容也是自动编译好了。



注意事件:所有cmd操作都是管理员权限下的操作;

我用的用户是 administrator


转载于:https://my.oschina.net/mymxd/blog/403981

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值