使用nodeJs來(lái)安裝less及編譯less文件為css文件的方法
NodeJs
使用nodejs安裝less以及編譯less文件為css文件
首先下載nodeJs的安裝包,按照步驟,安裝nodejs.
鏈接:http://pan.baidu.com/s/1dEsqYB3 密碼:bkkh 這個(gè)鏈接里面有nodejs的安裝包,大家可以直接下載下來(lái),安裝就可以了。
然后cmd打開(kāi)控制臺(tái),檢查node是否安裝成功。輸入node –v,如果輸出的是安裝包的版本號(hào),則表示安裝成功。
接下來(lái)就可以安裝less了,進(jìn)入node.js安裝目錄,通過(guò)命令npm install less –g 全局進(jìn)行安裝less.
使用lessc命令對(duì)*.less文件進(jìn)行編譯了
格式:lessc [目標(biāo)less文件目錄](méi) [生成css文件目錄](méi)
lessc example/example.less example/example.css
我是直接把文件夾放到了nodejs安裝目錄下面了,安裝好了以后,編譯器會(huì)自行生成一個(gè)example.css的文件夾
如果要編譯d盤(pán)下的文件,比如d:/wamp/wamp/www/css3/style.less
文件,可以直接這樣編譯
然后就編譯成功啦!
ps:下面給大家分享通過(guò)nodejs將less文件轉(zhuǎn)為css文件
已經(jīng)安裝過(guò)nodejs
1,安裝less;
dos界面下進(jìn)入node.js安裝目錄,通過(guò)命令npm install less –g 全局進(jìn)行安裝less.(安裝過(guò)程可能需要等待一段時(shí)間)
2、先在控制臺(tái)編譯一遍:lessc 文件路徑\文件名.less(可省略);
3、在dos界面輸入:文件路徑\文件名.less > 文件路徑\文件名.css;
總結(jié)
以上所述是小編給大家介紹的使用nodeJs來(lái)安裝less及編譯less文件為css文件的方法,希望對(duì)大家有所幫助,如果大家有任何疑問(wèn)請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!
相關(guān)文章
Linux環(huán)境部署node服務(wù)并啟動(dòng)詳細(xì)步驟
最近用node.js開(kāi)發(fā)了一個(gè)web項(xiàng)目,下面這篇文章主要給大家介紹了關(guān)于Linux環(huán)境部署node服務(wù)并啟動(dòng)的詳細(xì)步驟,文中通過(guò)圖文以及示例代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-05-05node如何實(shí)現(xiàn)cmd彈窗交互之inquirer
這篇文章主要介紹了node如何實(shí)現(xiàn)cmd彈窗交互之inquirer問(wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2023-10-10node.js操作mongodb學(xué)習(xí)小結(jié)
這篇文章主要介紹了node.js操作mongodb學(xué)習(xí)小結(jié),本文給出了mongodb創(chuàng)建數(shù)據(jù)庫(kù)、插入數(shù)據(jù)以及連接mongodb數(shù)據(jù)庫(kù)并查詢(xún)數(shù)據(jù)等代碼實(shí)例,需要的朋友可以參考下2015-04-04Node.js事件循環(huán)(Event Loop)和線程池詳解
這篇文章主要介紹了Node.js事件循環(huán)(Event Loop)和線程池詳解,這篇文章比較淺顯地探討了有關(guān)事件循環(huán)的內(nèi)部運(yùn)作機(jī)制和技術(shù)細(xì)節(jié),都是經(jīng)過(guò)深思熟慮的,需要的朋友可以參考下2015-01-01