WebStrom配置Less

2018年5月10日 晚9点 亲测可用

1、安装软件

1）安装node.js(在官网下载v8.11.1，v10配置好后会出现乱码卸载掉装成v8重启下电脑就可以了)

    一路next即可，记下安装路径 ，eg:D:\node

2）使用node下载less

    win+R 打开运行窗口，输入cmd，回车打开

进入D盘，输入

d:

进入node安装目录

cd  D:\node

安装less

npm install -g less

回车开始安装，安装完成后

到 C:\Users\Administrator\AppData\Roaming\npm下查看

安装成功，测试less功能

在E盘下新建一个test.less文件，然后把它编译成css文件，同样放到E盘下:

  lessc E:test.less > E:test.css

编译成功，一切正常。

3.Webstrom 配置 less

file>setting>tools>file watchers 打开file watchers

右上角，点击绿色的+，选中Less

选择程序路径

C:\Users\Administrator\AppData\Roaming\npm\lessc.cmd ，注意选择的是lessc.cmd

点击OK就配置完成了。

新建less文件，随便写点属性Ctrl+S 保存，就自动编译成css文件了

如果配置完成后，less输出出现乱码：

1.less保存的文件路径有中文

2.node版本不对，8.11亲测可用