如何在WebStorm中详细配置Less开发环境？

本文共计332个文字，预计阅读时间需要2分钟。

首先，你需要安装node和npm的环境，如果没有的话先下载。下载地址是：[https://nodejs.org/en/](https://nodejs.org/en/)。然后，下载less和cnpm。

使用cnpm的镜像下载less，命令如下：

bashnpm install less -gnpm install less -g cnpm

确保上面的地址你复制正确，我的地址是：[C:\Users\你的用户名\AppData\Roaming\npm\node_modules\cnpm\npm\package.json](C:\Users\你的用户名\AppData\Roaming\npm\node_modules\cnpm\npm\package.json)。

我的地址是：C:\Users\你的用户名\AppData\Roaming\npm\node_modules\cnpm\npm\package.json。

首先你要有node和npm的环境，没得话先下载。
nodejs.org/en/
然后下载less

cnpm install less -g

npm install less -g

cnpm用的是淘宝镜像 -g全局下载
上面的那个地址你先复制好，我的是这个： C:\Users\18309\AppData\Roaming\npm\lessc
然后看着这个图弄：

把上面的路径复制过来后面再加上.cmd

C:\Users\18309\AppData\Roaming\npm\lessc.cmd

我的是这个，然后重启。
新建一个less文件

写点东西，比如我的这个：

body{ width: 100px; height: 100px; div{ color: red; } }

然后你会发现多出来2个文件，

到此这篇关于在webstorm中配置less的方法详解的文章就介绍到这了,更多相关webstorm配置less内容请搜索易盾网络以前的文章或继续浏览下面的相关文章希望大家以后多多支持易盾网络！