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

2026-04-02 23:270阅读0评论SEO问题
  • 内容介绍
  • 文章标签
  • 相关推荐

本文共计191个文字,预计阅读时间需要1分钟。

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

首先你要有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文件

写点东西,比如我的这个:

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

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

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

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

本文共计191个文字,预计阅读时间需要1分钟。

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

首先你要有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文件

写点东西,比如我的这个:

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

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

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

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