1. 程式人生 > 程式設計 >在webstorm中配置less的方法詳解

在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內容請搜尋我們以前的文章或繼續瀏覽下面的相關文章希望大家以後多多支援我們!