Phpstorm安装Less/sass

1.首先去http://nodejs.org/，选择合适的node版本进行安装。

查看 node和npm 版本 看是否安装成功。

2.接下来就可以安装less了，在“命令提示符”下运行命令“npm install less -g”，然后npm就自动开始下载并安装LESS。

3.配置webstorm（版本10.+），点击“file”> “settings……” 弹出设置界面，在左侧导航找到“tool”>”file Watchers” 点击“+”号按钮找到less文件选项点击添加。

4.配置less：双击less弹出 设置页面如下图，设置less的工作目录。

从npm安装好后找到 less安装目录

例如（–no-color -x $FileName$ –include-path=D:\Project\mobile\assets\css

所有的开始都是从安装…

sass也是一样。可以省去SAss与compass一起使用的麻烦，用scss写直接可以生成CSS。less也是直接生成CSS

–no-cache –update –sourcemap –watch $FileName$:$FileNameWithoutExtension$.css 中

$FileNameWithoutExtension$.css:$FileNameWithoutExtension$.css.map 尾

D:\Ruby23-x64\bin\scss.bat 头

源地址