在webstorm中配置less的方法详解

Ophira ·
更新时间:2024-11-13
· 675 次阅读

首先你要有node和npm的环境,没得话先下载。
https://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内容请搜索软件开发网以前的文章或继续浏览下面的相关文章希望大家以后多多支持软件开发网!



方法 webstorm less

需要 登录 后方可回复, 如果你还没有账号请 注册新账号
相关文章