webstorm编译

‘壹’ webstorm 配置less编译file watcher，program这个该怎么填

1、 打开Nodejs官ejs.org/，点“DOWNLOADS”,点64-bit下载“node-v0.10.33-x64.msi”。

2、 下载好后，双击“node-v0.10.33-x64.msi”，按照默认选项安装Nodejs，默认安装路径为：C:\Program Files\nodejs。

3、 “开始”-->cmd,打开cmd程序，输入“node -v”,出现” v0.10.33”; 输入“npm -v”,出现” 1.4.28”,说明Nodejs和npm都已安装成功。

4、“开始”-->cmd,打开cmd程序，输入“cd C:\Program Files\nodejs”,进入nodejs安装目录。输入npm install less -g 回车，安装less组件。稍等片刻，完成后，你会发现C:\Users\wind\AppData\Roaming\npm\node_moles 目录下有less组件。

‘贰’ webstorm 编译 scss 文件报错

打开webstorm创建空项目，点击“File”菜单选择“Setting”，搜索“watcher”关键字，

点击右边绿色加号，选择“SCSS”文件类型。

输入监视文件类型名称(随便写)，关键第二个选项，一定要选择ruby安装目录bin文件下的scss.bat文件

最后，创建.scss文件输入scss css代码，保存后会生成后缀.css文件，就可以了。