在webstorm中配置less的方法详解

更新时间：2020年09月25日 10:29:26 作者：丁七岁

这篇文章主要介绍了在webstorm中配置less的方法，本文通过图文并茂的形式给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友参考下吧

首先你要有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内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！

您可能感兴趣的文章:

JavaScript操作元素实例大全
JavaScript可以对各种网页元素进行操控,下面这篇文章主要给大家介绍了关于JavaScript操作元素的相关资料,文中通过多个实例详细介绍了操作元素的方法，需要的朋友可以参考下
2021-06-06
JavaScript 事件参考手册
对于js的一些常见事件的总结
2008-12-12
JS实现计算小于非负数n的素数的数量算法示例
这篇文章主要介绍了JS实现计算小于非负数n的素数的数量算法,可实现针对一定范围内素数个数的统计功能,涉及javascript数值运算相关操作技巧,需要的朋友可以参考下
2019-02-02
小程序实现左右来回滚动字幕效果
这篇文章主要为大家详细介绍了小程序实现左右来回滚动字幕效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2018-12-12
JS清空上传控件input(type="file")的值的代码
最近做的一个小功能，需要清空<input type="file">的值，但上传控件<input type="file">的值不能通过JavaScript来修改。
2008-11-11
JS数组返回去重后数据的方法解析
本文主要分享了Js数组返回去重后的数据的实例代码。具有一定的参考价值，下面跟着小编一起来看下吧
2017-01-01
一看就懂的i++和++i示例代码详解
这篇文章主要介绍了i++和++i区别详解,本文通过示例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
2023-03-03
js实现使用输入input和改变change事件模拟手动输入
聚焦于JavaScript中的输入模拟技术,本指南将带你探索如何使用input和change事件来创造逼真的手动输入效果,通过简单的代码实现,你将掌握这一实用的技巧,为你的Web应用增添交互的乐趣,需要的朋友可以参考下
2024-03-03
基于JS实现移动端左滑删除功能
最近做个项目，需要实现移动端左滑删除功能，当时js代码将网上找的进行删减优化，下面通过本文给大家分享基于JS实现移动端左滑删除功能，感兴趣的朋友一起看看
2017-07-07
js实现一款简单踩白块小游戏(曾经很火)
本文给大家分享原生js实现曾经很火的一款小游戏—别踩白块，代码简单易懂，非常不错，具有一定的参考借鉴价值，需要的朋友参考下吧
2019-12-12