webstorm中配置less和scss

一、配置less

1.         全局安装less   npm install less -g

2.         打开webstorm→file→settings→Tools→file watching

webstorm中配置less和scss

3.         找到npm下的lessc.cmd文件

webstorm中配置less和scss

4.新建less文件直接编译

二、配置scss

1.安装ruby

2.安装好ruby以后, cmd,输入gem install sass安装SASS,使用sass –v查看结果

3.打开webstorm→file→settings→Tools→file watching

webstorm中配置less和scss

4.     找到ruby下面的scss.bat

webstorm中配置less和scss

5.新建scss文件直接编译