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

1、安装软件

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

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

2)使用node下载less

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


WebStrom配置Less

WebStrom配置Less

进入D盘,输入

d:

进入node安装目录

cd  D:\node

WebStrom配置Less

安装less

npm install -g less

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

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

WebStrom配置Less

安装成功,测试less功能

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

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

WebStrom配置Less

WebStrom配置Less

编译成功,一切正常。

3.Webstrom 配置 less

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

WebStrom配置Less

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

WebStrom配置Less

选择程序路径

WebStrom配置Less

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

WebStrom配置Less

点击OK就配置完成了。

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

WebStrom配置Less


如果配置完成后,less输出出现乱码:

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

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


相关文章:

  • 2021-11-06
  • 2021-12-29
  • 2021-09-06
  • 2021-05-26
  • 2021-05-24
  • 2022-01-04
  • 2021-06-06
  • 2021-09-07
猜你喜欢
  • 2021-05-22
  • 2021-07-24
  • 2021-04-29
  • 2021-06-02
  • 2021-04-03
  • 2021-09-23
  • 2021-11-28
相关资源
相似解决方案