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

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

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

phpstorm+nodejs自动编译.less(windows)_第1张图片

运行 npm install -g less

phpstorm+nodejs自动编译.less(windows)_第2张图片

安装成功之后 设置 phpstorm

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

phpstorm+nodejs自动编译.less(windows)_第3张图片

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

phpstorm+nodejs自动编译.less(windows)_第4张图片

我的配置如下 

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

phpstorm+nodejs自动编译.less(windows)_第5张图片

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



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

我用的用户是 administrator


你可能感兴趣的:(phpstorm+nodejs自动编译.less(windows))