使用nodeJs來安裝less及編譯less文件為css文件的方法

NodeJs

使用nodejs安裝less以及編譯less文件為css文件

首先下載nodeJs的安裝包，按照步驟，安裝nodejs.

 鏈接：http://pan.baidu.com/s/1dEsqYB3 密碼：bkkh  這個(gè)鏈接里面有nodejs的安裝包，大家可以直接下載下來，安裝就可以了。

然后cmd打開控制臺(tái)，檢查node是否安裝成功。輸入node –v,如果輸出的是安裝包的版本號(hào)，則表示安裝成功。

接下來就可以安裝less了，進(jìn)入node.js安裝目錄，通過命令npm install less –g 全局進(jìn)行安裝less.

使用lessc命令對(duì)*.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、先在控制臺(tái)編譯一遍：lessc 文件路徑\文件名.less（可省略）；

3、在dos界面輸入：文件路徑\文件名.less > 文件路徑\文件名.css；

總結(jié)

以上所述是小編給大家介紹的使用nodeJs來安裝less及編譯less文件為css文件的方法，希望對(duì)大家有所幫助，如果大家有任何疑問請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！

聲明：本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com