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

时间:2024-04-10 19:50:31

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

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