webstorm编辑less文件自动保存生成css文件

webstorm编辑less文件自动保存生成css文件

1、下载node.js 官网免费下载：https://nodejs.org/zh-cn/
2、下载完成之后，打开win+r，输入cmd
3、输入node -v查看node版本，确认安装成功
4、npm -v查看npm版本，
5、node install -g less 安装less

6、打开webstrom ,设置(setting)–》工具(tools)–》外部工具（external toos）
7、点击右栏目的**“+”**，如果是默认路径则应该和我的路径一样，或者你可以看你当时在命令窗口哪里也有安装路径
8、按照图中所示之后，点击确定之后，右上角会有file watcher提示，你点击yes,就可以了实现编辑less文件自动生成css文件了