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