如何在webstorm中配置less

丁七歲發表於2020-09-24
WebORM

首先你要有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個檔案，
在這裡插入圖片描述

相關文章