1、首先从官网https://nodejs.org/en/下载nodejs稳定版(LTS) ;
2、按步骤安装好;
3、打开电脑的cmd.exe;
4、输入node -v 回车查看版本,然后输入npm --version 回车查看版本;
如上图则证明安装成功;
5、输入npm install -g less 然后回车(也就是全局安装less);
6、等待完成;
7、成功后即可,找到lessc.cmd的路径:一般在C:\Users\Administrator\node_modules\.bin\lessc.cmd;(一般webstorm会自动填写对应的路径,假如没有则自己找)
8、打开webstorm,File >> Settings >> Tools 下配置File Watchers:如下图所示
9、完成后,webstorm就会自动将less文件转换为css文件了(less文件一改动,就会发生转换)。
本文详细介绍了如何在Node.js环境中安装LESS预处理器,并通过WebStorm配置自动编译LESS到CSS的功能,使前端开发者能更高效地进行样式开发。
396

被折叠的 条评论
为什么被折叠?



