在webstorm中配置less的方法詳解
更新時(shí)間：2020年09月25日 10:29:26 作者：丁七歲
這篇文章主要介紹了在webstorm中配置less的方法，本文通過圖文并茂的形式給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友參考下吧
首先你要有node和npm的環(huán)境，沒得話先下載。
https://nodejs.org/en/
然后下載less
cnpm install less -g
npm install less -g
cnpm用的是淘寶鏡像 -g全局下載
上面的那個(gè)地址你先復(fù)制好，我的是這個(gè)： C:\Users\18309\AppData\Roaming\npm\lessc
然后看著這個(gè)圖弄：
把上面的路徑復(fù)制過來后面再加上.cmd
C:\Users\18309\AppData\Roaming\npm\lessc.cmd
我的是這個(gè)，然后重啟。
新建一個(gè)less文件
寫點(diǎn)東西，比如我的這個(gè)：
body{
width: 100px;
height: 100px;
div{
color: red;
}
}
然后你會(huì)發(fā)現(xiàn)多出來2個(gè)文件，
到此這篇關(guān)于在webstorm中配置less的方法詳解的文章就介紹到這了,更多相關(guān)webstorm配置less內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
這篇文章主要介紹了JS模式之單例模式基本用法,實(shí)例分析了javascript單例模式的基本實(shí)現(xiàn)方法,需要的朋友可以參考下2015-06-06
非常好用的JsonToString 方法 簡單實(shí)例
這篇文章介紹了非常好用的JsonToString簡單實(shí)例，有需要的朋友可以參考一下2013-07-07
本文主要介紹了用原生js編寫2048小游戲的示例代碼，具有很好的參考價(jià)值，下面跟著小編一起來看下吧2017-03-03
這篇文章主要介紹了js鼠標(biāo)懸浮出現(xiàn)遮罩層的方法,以實(shí)例形式較為詳細(xì)的分析了html及css頁面布局與js特效的實(shí)現(xiàn)方法,是非常實(shí)用的技巧,需要的朋友可以參考下2015-01-01
alert（）和console.log()在程序中經(jīng)常會(huì)用到，大家知道他們的區(qū)別嗎，接下來，通過本文給大家介紹alert()與console.log()的不同，需要的朋友可以參考下2015-08-08
在TypeScript里，接口的作用就是為這些類型命名和為你的代碼或第三方代碼定義契約。本文將詳細(xì)介紹TypeScript接口的相關(guān)知識。2017-03-03
下面小編就為大家?guī)硪黄獪\談js中字符和數(shù)組一些基本算法題。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-08-08
JS實(shí)現(xiàn)換膚功能的方法實(shí)例詳解
這篇文章主要介紹了JS實(shí)現(xiàn)換膚功能的方法,結(jié)合實(shí)例形式分析了javascript針對頁面元素屬性與樣式動(dòng)態(tài)操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2019-01-01
這篇文章主要為大家詳細(xì)介紹了laypage.js分頁插件的使用方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-07-07
javascript圖片相似度算法實(shí)現(xiàn) js實(shí)現(xiàn)直方圖和向量算法
這篇文章主要介紹了javascript實(shí)現(xiàn)圖片相似度算法，大家參考使用吧2014-01-01